我试图在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: