2014-07-04 116 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