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

Question

我有两个 div (#one, #two) - 一个位于上层，另一个包含在许多其他 div 中（例如，这里只有一个）：

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

两个 div 彼此绝对靠近。#one 被 JQuery 隐藏.hide()。当我将鼠标悬停在 #two 上时，我会用 JQuery 显示 #one .show()。有没有办法从#two 移动到#one，所以悬停效果保持不变并且#one 不会隐藏，直到我从它们两者上悬停。

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

最简单的方法是放在one里面two。冒泡效果将导致您仍然在悬停，two即使您悬停在上one。

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

score 0 · Accepted Answer

0

尝试改变：

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

至

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

在你的代码中。

于 2013-02-25T12:15:59.203 回答

3 回答 3