1

このコードをタブに使用していますが、正常に動作しています。

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

今、私はdivを再び非表示にしようとしてmouseoutい#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/の完全なコードがあります

4

1 に答える 1

0

このデモをチェックしてください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();
});
于 2013-07-06T03:20:34.317 に答える