jquery - 用户移动鼠标后自动关闭简单模态？

Question

我正在使用一个网络应用程序，当用户将鼠标悬停在页面的特定部分时，我们需要显示模式样式内容，因为他们将鼠标移离该区域，尽管我们想要关闭模式内容。

我目前正在与 SimpleModal 合作并使其正常显示，但您必须单击才能关闭。有谁知道一种根据鼠标移动关闭的方法？或类似的。

或者我可以使用的不同组件。实际上，我们正在做的是显示一个过于强大的工具提示，这恰好是 iFrame 内容。因此，如果您知道支持显示 iFrame 的 jQuery 工具提示函数，也可以正常工作。

Answer 1

使用实际上具有您正在关注的行为(悬停元素时显示/隐藏框)的工具提示插件不是更容易吗？

我认为最好的是qTip 。

它可以显示简单的工具提示，通过 ajax 加载内容，显示高级内容(不仅仅是文本)，具有高度的风格化，并提供完整的 API 来使用。

<小时/>

同时，我对 SimpleModal 不太了解，并且由于您没有显示任何 javascript，我只能猜测您实际上是如何创建模式对话框的。

无论如何，jQuery 提出了 .hover()方法来处理用鼠标进入元素并离开它的情况。你这样使用:

$('#myelement').hover(
    // this function is executed when entering the element with the mouse
    function(e) {
        // create you SimpleModal here
    },
    // this one when leaving
    function(e) {
        // close it here
        // from the SimpleModal doc, you close the currently opened modal with
        $.modal.close()
    }
);

<强> DEMO