Меню Lavalamp - Uncaught TypeError

Question

Меню Lavalamp - Uncaught TypeError

Я искал решение для меню Lavalamp и нашел этот маленький скрипт. Я не уверен, что это лучший, но выглядит красиво и может быть легко изменено.

Однако он содержит одну ошибку в консоли, и я не люблю ошибки, поэтому любая помощь будет оценена.

Uncaught TypeError: Cannot read property 'left' of null

Лаваламп Меню Оригинальный Источник

Исправление меню Lavalamp JS Fiddle

Вы можете перейти к исправлению JS Fiddle и увидеть в консоли, что при просмотре меню будет отображаться ошибка этого свойства.

Я не знаю, как решить эту проблему, поэтому какие-либо советы?

0

javascript jquery lavalamp

Источник

user1293740 07 июл '13 в 11:23

2 ответа

Решение

Это связано со строкой 35 раздела javascript скрипки.

$this.siblings('li.active')

Ничего не возвращает, поэтому отладчик Chrome возвращает ошибку Cannot read property 'left' of null

1

Источник

user2556391 07 июл '13 в 11:37

Другие вопросы по тегам javascript jquery lavalamp

user578411 07 июл '13 в 11:45 2013-07-07 11:45 · Accepted Answer · 2013-07-07 11:45

Исправил это так внутри ветки 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"

            });
         }