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”上起作用

回答

相关问题