jquery - 当不再悬停时如何隐藏 div

Question

我正在使用 Jquery 来隐藏显示 div。我想在 '.microblogpostwrapper' 悬停时显示 div，并在不悬停时隐藏。完成了第一步，但在未悬停时无法隐藏它。

  $(".microblogpostwrapper").hover(function(){ 
            $(this).find(".microblogpostactions").show();
                                });

Answer 1

.hover()处理程序将为 mouseenter 触发一次，为 mouseleave 触发一次。

$(".microblogpostwrapper").hover(function(){ 
    $(this).find(".microblogpostactions").toggle(); // Toggle the show/hide
});

您可以通过将 bool 值传递给 .toggle() 来确保执行正确的切换。 :

$(".microblogpostwrapper").hover(function( e ){ 
    $(this).find(".microblogpostactions").toggle( e.type == 'mouseenter' );
});

或者，您可以将第二个函数传递给 hover()，您将在其中使用 .hide()。