有没有简单的方法来链接jQuery元素,用于悬停。我在http://jsbin.com/useviz/3/edit有jsbin我拥有它基本上是这样,当您将鼠标悬停在ul
上时,它不会关闭当您将鼠标移到元素上方或移到下一个元素时,会出现问题。原始的ul不会隐藏。这听起来可能令人困惑,但是你会看到如果你看看上面的例子。链接jQuery元素以显示在悬停上
2
A
回答
2
你不需要检查,如果你想隐藏元素存在或不是,你可以去隐藏它,只要你想。我已将$(".sub_menu").hide(700);
添加到每个鼠标悬停功能并且它可以正常工作!请参阅http://jsbin.com/useviz/6/
1
这样的事情,
现场演示here
$(document).ready(function() {
$("#servicebutton").mouseenter(function() {
$('.sub_menu').hide();
$('.sub_menu1').show(700);
});
$('.sub-menu1').mouseleave(function() {
$('.sub_menu1').hide(700);
});
$("#packagebutton").mouseenter(function() {
$('.sub_menu').hide();
$('.sub_menu2').show(700);
});
$('.sub-menu2').mouseleave(function() {
$('.sub_menu2').hide(700);
});
$("#productbutton").mouseenter(function() {
$('.sub_menu').hide();
$('.sub_menu3').show(700);
});
$('.sub-menu2').mouseleave(function() {
$('.sub_menu3').hide(700);
});
/* catch-all for submenus */
$('.sub_menu').mouseleave(function(){
$(this).hide(700);
});
});
相关问题
- 1. 链接显示元素:悬停之前
- 2. 悬停在父元素上以显示覆盖的子元素
- 3. jquery悬停不显示链接
- 4. jQuery:悬停链接显示/隐藏div
- 5. Jquery悬停显示子元素
- 6. jquery显示悬停的元素
- 7. 图像悬停以显示链接
- 8. 在链接悬停显示div,显示悬停的该div和链接
- 9. 在链接悬停在AIR HTML控件上显示链接
- 10. 子元素悬停/链接在CSS
- 11. 链接上悬停悬停
- 12. 使用JavaScript/jQuery在鼠标悬停上显示元素的ID
- 13. 在悬停上显示一个随机元素,Jquery
- 14. jQuery - 在另一个悬停上显示元素
- 15. 在元素A的悬停上显示元素B
- 16. CSS - 在元素E2上悬停时显示元素E1
- 17. 在父元素上悬停显示子元素
- 18. 在不同元素的悬停上显示元素
- 19. 悬停在一个元素上,并显示李元素
- 20. 悬停在其他悬停链接上
- 21. css链接元素跳转悬停
- 22. 元素之间的链接悬停
- 23. 无法显示悬停在悬停td元素的表
- 24. jQuery:在鼠标悬停/悬停上创建链接
- 25. 将鼠标悬停在父元素上显示子元素的href元素
- 26. 悬停在链接上
- 27. 在链接上的鼠标悬停上显示文本
- 28. 将元素悬停在任意HTML链接上
- 29. 鼠标悬停时的显示链接
- 30. 锚链接悬停状态不显示
请检查我的答案,如果不符合您的要求,请通过简要说明告诉我。 –