Question

我有两个div（＃one，＃two） - 一个位于上层，另一个位于其他位置（例如，这里只有一个）：

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

这两个div绝对位于彼此附近。使用JQuery .hide()隐藏#one。当我将鼠标悬停在#two上时，我会使用JQuery .show()显示#one。有没有办法从#two转移到#one所以悬停效果保持不变，＃one不会隐藏，直到我从两个悬停出来。

Answer 1

使用此选择器"#one"

选择"#two"和$('#two,#one');

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

Answer 2

最简单的方法是将one放在two内。即使您将鼠标悬停在two上，冒泡效果也会让您仍然悬停在one上。

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

Answer 3

尝试更改：

$('#two').hover(...)

到

$('#one, #two').hover(...)

代码。