2014-07-04 72 views
-2

我一直在阅读这个线程:Style parent li on child li:hover并试图让它与我的菜单在这个小提琴:http://jsfiddle.net/PJMyR/1/,但它一直抛出语法错误,我不能图为什么。风格父li当徘徊孩子li

下面是代码:

$('li.parent ul li').mouseenter(function() { 
    $(this).parent().closest('li.parent').addClass('highlighted'); 
}).mouseleave(function() { 
    $(this).parent().closest('li.parent').removeClass('highlighted'); 
}); 

问候 马丁

+2

你能后的“语法错误”,你得到? – Wez

+0

您需要包含jQuery。 http://jsfiddle.net/PJMyR/2/ – putvande

+0

如果您收到“Uncaught ReferenceError:$未定义”:您忘记添加jQuery。 –

回答

0

它工作正常。使用.toggleClass为使您的代码更简单

$(function() { 

    $('li.parent ul li').hover(function() { 

     $(this).closest('li.parent').toggleClass('highlighted'); 

     }); 
}); 

DEMO

+0

您也可以删除'.parent()'位 – putvande