jQuery - 悬停弹出直到鼠标移出

Question

我正在研究这个JS Bin并且一切正常，但我想让这个弹出式菜单（在悬停1秒后出现）保持到mouseout所以用户可以悬停在名单上。

我该怎么做？

Answer 1

尝试

$(function() {
    var $popup = $('.popup');

    $popup.hover(function() {
        clearTimeout($popup.data('outTimeout'))
    }, function() {
        $(this).finish().fadeOut();
    })

    $('.input-block-level').hover(function() {
        var target = $(this).attr('id');
        clearTimeout($popup.data('outTimeout'))
        var timeout = setTimeout(function() {
            $popup.fadeIn().insertAfter('#' + target);
        }, 1000);
        $popup.data('inTimeout', timeout)
    }, function() {
        clearTimeout($popup.data('inTimeout'))
        var timeout = setTimeout(function() {
            $popup.stop(true).fadeOut();
        }, 300);
        $popup.data('outTimeout', timeout)
    });

}(jQuery));

演示：JSBIN

Answer 2

试试这个，

$("Id").hover(function(){$("#popId").fadeOut(1000);$("#popId").fadeIn(500);});