0

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

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

Uncaught TypeError: Cannot read property 'left' of null

Lavalamp メニューの元のソース

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

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

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

4

2 に答える 2

1

これは、フィドルの JavaScript セクションの 35 行目によるものです。

$this.siblings('li.active')

何も返さないため、Chrome デバッガーはエラーを返します。Cannot read property 'left' of null

于 2013-07-07T11:37:07.760 に答える
1

「mouseleave」ブランチ内で次のように修正しました。

        if ($this.siblings('li.active').offset()) {
            left = $this.siblings('li.active').offset().left - ($this.closest('.' + lavalamp).offset().left);
            width = $this.siblings('li.active').width();

            $this.closest('ul').next('div.floatr').css({
                "width": width + "px",
                "left": left + "px"

            });
         }
于 2013-07-07T11:45:03.943 に答える