尝试向我放在一起的简单 CSS 下拉导航添加一些效果。它几乎就在那里,当嵌套的 li 元素悬停时无法停止 fadeOut 函数调用。
我已经把它放到jsfiddle里了,url是:http://jsfiddle.net/6PmJk/
这是我正在使用的 jQuery:
$('body').removeClass('noJquery');
$('div#left_panel ul ul').css('display', 'none');
$('div#left_panel ul li').hover(function() {
$(this).children('ul').stop().fadeIn('slow').css({
position: 'absolute',
left: 150,
top: -1,
left: 150,
margin: 0,
padding: 0,
zIndex: 10
});
},
function() {
$('div#left_panel ul ul').stop().fadeOut('fast');
});
提前致谢!
最佳答案
仅将 hover
规则应用于“main”ul
$('div#left_panel > ul > li').hover(function() {
关于jquery - 具有多个子链接的下拉导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16408024/