Question

我知道他们可能会回答同样的问题，我似乎无法在不显示我的代码的情况下制定我的问题：

我希望在鼠标悬停时有一个DIV节目，但是当我将焦点放在div上时，代码自然会认为我希望它再次隐藏..我这样做但不是当我将焦点更改为新显示的DIV时。有什么建议吗？

       $('.eventinfo2').mouseover(function(){
       $(this).parent().siblings('.snippetinfo').show();
   })
   $('.eventinfo2').mouseout(function(){
       $(this).parent().siblings('.snippetinfo').hide(); 

   });

HTML：

<div class="container">
<div class="eventinfo2">
    ...
</div>
<div class="snippetinfo" style="display:none;">
...
</div>

任何帮助表示赞赏。我假设我需要设置变量和条件？

Answer 1

首先，您可以使用mouseenter和mouseleave

您可以通过将其打包在div

中轻松定位该群组

其次，在您的代码中，eventinfo2和snippetinfo是兄弟姐妹。如果有必要，请siblings()而不是parent().sliblings()，因为后者将引用与“容器”具有相同容器的元素

在这里你EXAMPLE

   $('#foo').on('mouseenter', function(){
       $('.snippetinfo').show();
   })

    $('#foo').on('mouseleave', function(){
        $('.snippetinfo').hide(); 

   });

jQuery Sibilings DIV显示/隐藏mouseout触发器

1 个答案: