javascript - 移动到悬停内容时保持悬停

我有两个 div (#one, #two) - 一个在上层，另一个包含在许多其他的(例如这里只有一个):

<body>
  <div>
    <div id="two"></div>
  </div>
  <div id="one"></div>
</body>

两个 div 彼此绝对靠近。 #one 用 JQuery .hide() 隐藏。当我将鼠标悬停在#two 上时，我使用 JQuery .show() 显示#one。有没有什么办法可以从#two 移动到#one，这样悬停效果就会保持不变，而#one 不会隐藏，直到我从它们两个中悬停出来。

最佳答案

使用此选择器 $('#two,#one'); 选择 "#one" 和 "#two"

$('#one').hide();
$('#two,#one').hover(
    function() {
        $('#one').show();
    },
    function() {
       $('#one').hide(); 
    }
);

关于javascript - 移动到悬停内容时保持悬停，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15066708/

相关文章：

JavaScript:long long number 的位移位