javascript - 代码只执行一次，但应该继续

Question

如果您将鼠标悬停在弹出窗口或按钮上，下面的代码应该会阻止弹出窗口关闭，但是，它仅在重新加载时有效，然后停止工作。

$('.popover3-test').popover({
    placement:'bottom',
    template: $('.popover2'),
    trigger: 'manual',

    }).mouseenter(function(e) {
    $(this).popover('show');

    var t = null;

    $(".popover2, .popover3-test")
        .mouseleave(function() {
            t = setTimeout(function() {
                $('.popover2').hide();
            }, 1000); // Or however many milliseconds
        })
        .mouseenter(function() {
            if(t !== null)
                clearTimeout(t);
         });
    });

演示：http: //jsfiddle.net/MnpWV/1/

Answer 1

尝试这个：

$(".popover2, .popover3-test")
        .mouseleave(function() {
           $('.popover2').delay(1000).fadeOut('1000');
        }
});

http://jsfiddle.net/MnpWV/8/

更新：

$(".popover2").hover(function(e) {
    $(this).show()
}, function() {
    $('this').delay(1000).fadeOut('1000');
})

http://jsfiddle.net/MnpWV/16/

删除.popover3-test触发mouseleave事件的。