問題タブ [lavalamp]

最近、nettuts チュートリアルに基づいて lavalamp プラグインを作成し、他のサイトでうまく機能しました。他のサイトで再利用したかったのですが、次のエラーが発生しました。

キャッチされていない TypeError: 未定義のプロパティ 'left' を読み取ることができません

私はjQueryの初心者で、修正方法がわかりません。

コード：

エラーはこの部分に適用されます。

誰かヒントを教えてください。

編集

HTML

Lavalamp メニュー ソリューションを探していたところ、この小さなスクリプトが見つかりました。それがベストかどうかはわかりませんが、見栄えがよく、簡単に変更できます。

ただし、コンソールに1つのエラーが含まれており、エラーが好きではないので、助けていただければ幸いです。

Lavalamp メニューの元のソース

Lavalamp メニュー修正 JS フィドル

その JS Fiddle 修正に移動し、コンソールでメニューを確認すると、そのプロパティ エラーが表示されます。

これを解決する方法がわからないので、ヒントはありますか？

解決策を探しましたが、残念ながら見つかりませんでした。

それはフローティングボーダーを維持することです。サブメニューの要素をポイントすると、境界線が .active li の位置に移動します (アクティブなページに応じて - たとえば、ホームページが実行中の場合、「ホーム」はクラス = アクティブになります)。

カーソルを指す要素にとどまるといいですね。

ラバランプソース：http://chiroandmelinda.com/jscripts/lavalamp-0.2.0/demo.html

私のコード

//編集

「戻る」機能と「移動」機能を変更する方法はありますか?

ソース - jquery.easing.min.js

プライマリ サイト ナビゲーション メニューで次の問題が発生しています。編集者が質問をするときに提案するいくつかの質問を既に確認しましたが、探しているものはありません...そのような特定の質問をして本当に申し訳ありません.

デモ: http://jsfiddle.net/fYq6k/1/

説明:メニューは現在選択されている必要があります。しかし、別のものをホバーすると#menu li a、現在のステータスが消えて、ホバーされた要素に表示される必要があります。ホバーが出たとき、クリックがなければ、現在のステータスは実際の現在の状態に戻る必要があります#menu li a

ノート：

• 可能な限り多くの CSS に基づくソリューションであり、可能な限り jQuery を使用しないようにする必要があります。しかし、jQueryが必要であることは理解しています

• フィドルの移行を尊重する必要があります

• それが余分なコードの負荷を意味しない場合は、フォーカス状態でも動作するようにしたいと思います

あなたは素晴らしい人です。助けてくれてありがとう！

これが私が自分で作ったコードです。もちろん、動作しません...

CSS:

HTML (通常、有効な HTML5 メニュー):