我试图在mouseout上隐藏jQuery选项卡
我使用这个标签的代码,它工作良好我试图在mouseout上隐藏jQuery选项卡,jquery,Jquery,我使用这个标签的代码,它工作良好 $('#banner div').hide(); $('.vert-menu li a').click(function(){ $('.vert-menu li').removeClass('active'); $(this).parent().addClass('active'); var currentTab = $(this).attr('href'); $('#banner div').hide(); $(cur
$('#banner div').hide();
$('.vert-menu li a').click(function(){
$('.vert-menu li').removeClass('active');
$(this).parent().addClass('active');
var currentTab = $(this).attr('href');
$('#banner div').hide();
$(currentTab).show();
return false;
});
现在,当鼠标从banner div和.vert菜单中移出时,我再次尝试隐藏div
我试过这个代码,但不起作用
('.vert-menu li a, #banner div').mouseleave(function() {
$('.vert-menu li').removeClass('active');
$('#banner div').hide();
});
以下是JSFIDLE上的完整代码查看此演示
工作正常,你忘了鼠标移动功能前的$sign
$('#banner div').hide();
$('.vert-menu li a').on('click',function () {
$('.vert-menu li').removeClass('active');
$(this).parent().addClass('active');
var currentTab = $(this).attr('href');
$('#banner div').hide();
$(currentTab).show();
return false;
});
$('.vert-menu li a, #banner div').mouseleave(function() {
$('.vert-menu li').removeClass('active');
$('#banner div').hide();
});
你的HTML和JSFIDLE会很有帮助。你是否使用了警报来查看它是否在mouseleave函数中?更新:谢谢它起作用了,我不知道为什么我的代码不起作用,即使它们看起来都很相似。你忘记了mouseleave函数前面的$sign: