Jquery Mega Menu Ли Ховера Проблемы - PullRequest
0 голосов
/ 14 января 2012

Теперь это немного сложно объяснить, но у меня есть мегаменю, и когда вы наводите курсор мыши на продукты, оно выпадает и открывает мегаменю.Теперь, когда ваша мышь находится над ссылками, которые на самом деле находятся в меню, и вы убираете ее с исходной ссылки продуктов, кнопка продуктов остается в состоянии наведения.Однако в IE это не так, кнопка исходных продуктов покидает свое состояние при наведении курсора, когда вы наводите курсор мыши на ссылки в раскрывающемся мега-меню.Я попытался исправить это в CSS, но это просто не будет работать.(Пожалуйста, не говорите, что это DOCTYPE, потому что хост сайта, который я использую, не позволит мне его изменить ... / :) Итак, я хотел написать небольшой jquery для изменения CSS исходного состояния наведения продуктов, когдассылки под ним наведены.Это то, что у меня есть, но я не могу заставить его работать.Любая помощь будет принята с благодарностью!

jquery

$(div.sub).hover(function(){
    $(li.products)
         .css('backgroundimage','url(http://p.b5z.net/i/u/10145668/h/Hammer_Sprite.gif) -144px -63px;')
});

Ули со ссылками в нем находятся в div с именем 'sub', и когда они находятся над li.products,изменить его CSS на то, что упоминается.

ссылка на страницу

http://www.edirecthost.com/hhmobilehomehardware/?preview=1#

Большое спасибо!

1 Ответ

0 голосов
/ 14 января 2012

Ваши селекторы неверны. Вы должны заключить их в кавычки.

$('div.sub')
$('li.products')

Кроме того, похоже, что элемент ссылки для продуктов также использует фоновое изображение, вам может потребоваться установить его вместо li.

$('a.products').css('background-image', '');
...