jQuery .hover效果在「li」上不起作用，但在「a」上起作用

我在這裏輸入代碼：http://jsfiddle.net/vFJvL/ 當鼠標懸停子菜單3產品列表下拉列表中，但是當您將鼠標懸停在每個產品上時，它會再次隱藏它們。我嘗試添加.hvr類爲li元素：http://jsfiddle.net/vFJvL/2/沒有工作jQuery .hover效果在「li」上不起作用，但在「a」上起作用

只要鼠標懸停外裏要顯示

我想每個產品..

感謝

編輯： 我們能否也停止切換多次，當鼠標移到了幾次，在很短的時間（如1秒）。我想我們需要使用的stop（）其他地方

來源

2011-07-22 neverlate

因爲你很漂亮新來的，我可能會建議選擇一個非通用用戶名，我們下一次穿越路徑時可能會認出。 – jfriend00

@ jfriend00當然，謝謝,, – neverlate

這裏是工作提琴：http://jsfiddle.net/maniator/vFJvL/5/

$(document).ready(function(){ 
    //Hide the tooglebox when page load 
    $(".sub").hide(); 
    //slide up and down when hover over heading 2 
    $(".hvr").hover(function(){ 
     // slide toggle effect set to slow you can set it to fast too. 
     $(".sub", this).slideToggle(); 
       //<-- get the element with class `sub` inside this li and show it 
     return true; 
    }); 
});

來源

2011-07-22 16:19:30 Neal

謝謝，你能解釋一下嗎？ – neverlate

@ user718369 - 我加了一個解釋^ _^ – Neal

打我吧！並且語法也更好。 – Dutchie432

這是next()方法給你的問題。嘗試使用find()

的jsfiddle演示：http://jsfiddle.net/Jaybles/vFJvL/6/

HTML

<li class="hvr"><a href="#"> Submenu3 </a>

$(document).ready(function(){ 
    $(".sub").hide(); 
    $(".hvr").hover(function(){ 
     $(this).find(".sub").slideToggle(); 
     return true; 
    }); 
});

來源

2011-07-22 16:24:39 Dutchie432

這個答案實質上是尼爾答案的長形式。 – Dutchie432

謝謝請參閱編輯,,我需要更多的事情 – neverlate

jQuery .hover效果在「li」上不起作用，但在「a」上起作用

回答

相關問題