jquery - 我正在尝试在 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;
});

现在我试图再次隐藏mouseoutdiv#banner div.vert-menu li a

我试过这段代码，但它不工作。

('.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 函数前面的 $ 符号？

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