問題タブ [lavalamp]

私は、sIFR と LavaLamp をうまく連携させるのにかなりの時間を費やしています。

LavaLamp の簡単な歴史:

LavaLamp: jQuery プラグイン

によって開始された

1. LavaLamp と jQuery をサポートする JS ファイルをロードする LavaLamp css を追加する
2. ソートされていないリストを作成し、クラス「lavaLamp」を追加します
3. アンカー タグを含むリスト メンバーを URL に追加する

CSS の例

HTML の例:

メニューを初期化するために sIFR を取得する最初の試みは、セレクターを「selector: '#menu'」に設定することでした。これはまったく機能しませんでした。ゆっくりと、div のネストにどんどん移動し始めました。

最後に、selector: '.lavaLamp li a' を実行すると、LavaLamp が正しく初期化され、フォントとロールオーバーが正しく表示されるようになりました。

問題：

1. アクティブにする必要があるテキストを直接クリックすると、アンカー タグが機能しません。ただし、LavaLamp がロールオーバーとして使用する画像の左端または右端をクリックすると、アンカーをクリックします。
2. メニュー内の他の項目にカーソルを合わせると、マウスを離すと、現在アクティブなメニュー項目に戻るのではなく、最後にロールオーバーした項目が強調表示されたままになることがあります。

助けてくれてありがとう...

-A

再設計中のサイトでラバランプを動作させるのに苦労しています。jquery とリンクは以前のサイトから取得したものですが、クリックしても機能しません。

すべてのページがまだ完成していないことに注意してください。私たちについてのページはサイトで公開されています。

www.alwaystwisted.com/sandbox/stagecraft/index.html

何か案は？

それは単純なことだと確信していますが、それでも私には複雑すぎます。

前もって感謝します

ストゥ

jQuery Lavalamp プラグインに問題があります。単一レベルのメニューでは完全に機能しますが、ドロップダウンを追加した後は少し迷子になります. これが私が言いたいことです：http://screenr.com/0fS。

もちろん、私が達成したいのは、ユーザーがサブアイテムにカーソルを合わせたときに、ラバランプの背景がポートフォリオアイテムにとどまることです。

プラグインを少し変更するだけの問題だと思うので、プラグインの完全なコードを次に示します。<li>必要なのは、の子がホバリングされたときに現在の段階でラバランプを停止させ、その後通常の動作に戻る簡単な方法です。参照用の完全なプラグイン コードは次のとおりです。

前もって感謝します。

イベントでアクションを組み合わせるにはどうすればよいですか。したがって、ホバーはメニューをアニメーション化し、そのメニュー項目に添付されたツールチップを表示します。

現在、lavalamp と beautytips プラグインを使用しています。

ここにあるチュートリアルに従い、独自のフレアを追加しました： チュートリアル

私が達成しようとしていたのは、リストアイテムの左側と右側に特定の画像を配置することでした。<li id="blob"></li>そのため、チュートリアルで作成したジェネリックだけでなく、必要な<li id="blob"><div class="blob-wrap"><div class="leftimage"></div><div class="rightimage"></div></li>特定の効果を実現するために実行しました。それは美しく機能します...ただし、リスト項目の1つにマウスを合わせたままにすると、画像が「currentPageItem」を跳ね返そうとします。

これがJSビンの例です：http：//jsbin.com/odome

それを修正するには何をする必要がありますか？jQueryは「hoverOut」関数（または呼び出したいもの）を起動しています。しかし、なぜ？

こんにちは私は誰かがjQueryラバライトの問題で私を助けてくれることを望んでいます。

私は次のものを持っています-lavalampを使用したメニューバー。-メニューバーのリンクをクリックしたときにコンテンツが読み込まれるdiv-私のコンテンツdivには、メニューバーと同じページにリンクするリンクがいくつかあります

メニューバー自体は、見た目も機能も優れています。ただし、ユーザーがコンテンツdiv内のリンクの1つをクリックしたときに、対応するメニュー項目「メニューオプション」に焦点を合わせたり強調表示したりすることはできません。

例えば

ユーザーが動的コンテンツdiv内の項目3をクリックすると、ラバランプの選択が変更されます。

誰かがこれを経験したことがありますか？

ありがとう

jqueryのlavalampプラグインを使用して、ドロップダウン機能を追加しようとしています。

私の問題を除いて、ドロップダウンとラバランプ効果の両方がこのコードで正常に機能します。ドロップダウンがラバランプ効果を拡張することです。

問題はcssにあると確信していますが、それを特定することはできません...ヒントやポインタは大歓迎です。

これがコードです。

対応するCSS

ドロップダウンに使用するjqueryとともに。

私が構築している新しいサイトのナビゲーション メニューでhttp://nixboxdesigns.com/projects/jquery-lavalamp/をいじっていましたが、最小限の手間でうまく機能し、いくつか追加できるかどうか疑問に思い始めました。サブナビゲーションオプションをメニューに追加し、それを構築するように設定します。私が抱えている問題は、lavaLamp プラグインがネストされた/子の ul/li を無視するようにすることです。

ここで問題の実例を見ることができます: http://www.weleasewodewick.com/redesign2 - 「ブログ」の上にカーソルを置き、ポップアップするサブメニューの上に置きます。

プラグインの完全なソースはかなり長いので投稿しませんが、ここで直接表示できるはずです。

lavaLamp jQuery プラグイン

http://www.weeasewodewick.com/redesign2/includes/jquery.lavalamp.js

メニューマークアップ

lavaLamp アクティベーション

この問題に関するご意見をお待ちしております:)

** 目的 ** このモックアップの最終的な場所は WordPress テンプレートであるため、メニューのネストされた構造はほとんど同じままにする必要があります。

非常に感謝 Foxed

今、この質問は以前に尋ねられましたが、答えを得ることができません。内部に 4 つの LI を含む Lavalamp があり、それぞれをクリックすると、div にいくつかのコンテンツがロードされます。

それはすべてうまくいきます。今、私はそのラバランプの外の同じページのどこかにハイパーリンクを持っています. そのリンクをクリックすると、lavalamp のハイライトが特定の li に移動し、そこにとどまるようにします。

明確にするために、私は次のような Lavalamp LI を持っています: Home、Work、About、Contact。また、ページのどこかに「連絡先」リンクもあります。「連絡先」リンクをクリックすると、lavaLamp はハイライトをどこからでも 4 番目のオプション「連絡先」に移動する必要があります。

http://nixboxdesigns.com/projects/jquery-lavalamp/の Lavalamp プラグインを使用していますが、戻るボタンを使用するときに少し癖があることを除いて、すべて正常に動作しているようです。

例えば：

1. ホームページから開始する場合、ホバーはホーム メニューの下にあります。
2. 新しいメニュー項目をクリックすると、その下にホバーが表示されます
3. ブラウザの戻るボタンをクリックすると、ホバーはホーム メニュー項目に戻らず、前にクリックした項目にとどまります。

戻るボタンがトリガーされたときに Lavalamp 関数を呼び出す方法を見つける必要があります。

ここで助けを得ることを願っています