javascript - Jquery 获取两个 div 作为一个

Question

我的弹出菜单有以下代码，父链接是顶级链接。它会导致弹出窗口显示。当鼠标进入和退出父链接时，弹出窗口淡入淡出。

但是，如果鼠标悬停在弹出窗口上，我需要它不淡出弹出窗口!目前，一旦鼠标进入弹出窗口，它就会淡出。我需要两个 div 作为悬停的一个 div，如果这有意义的话!

// Hovering over the parent <li>
ParentLink.hover(
    function()
    {
        Popup.fadeIn(300, function() {
        });
    },
    function()
    {
        Popup.fadeOut(400, function() {
        });
    }
);

Answer 1

您应该将弹出窗口嵌套在父级中。这样，当您将鼠标从父级移动到弹出窗口时，父级仍将处于鼠标悬停状态，因为弹出窗口的鼠标悬停事件会冒泡到父级。当鼠标离开父级(及其子级)时，鼠标移出事件将在父级上触发。

编辑

如果您不能(或不想)更改标记，一种可能是使用 jQuery 将元素移动到推荐的位置，例如:

ParentLink.append(Popup); // moves the Popup element from its current position
                          // and places it as the last child of ParentLink

很可能您必须修改 CSS 以匹配更改，因此您可能需要先考虑一下。