我试图在mouseout上隐藏jQuery标签

Question

我正在使用此代码进行标记，它工作正常。

$('#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;
});

现在我想mouseout来自#banner div和.vert-menu li a

时再次隐藏div

我尝试了这段代码，但它没有用。

('.vert-menu li a, #banner div').mouseleave(function() {
    $('.vert-menu li').removeClass('active');
    $('#banner div').hide();
});

这是jsfiddle http://jsfiddle.net/TT3Qf/1/

上的完整代码

Answer 1

检查此演示http://jsfiddle.net/TT3Qf/3/

工作正常，你忘记了mouseleave功能前的$ 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();
});