悬停时保持打开状态的 Jquery 工具提示

【问题标题】：Jquery tooltip that stays open on hover悬停时保持打开状态的 Jquery 工具提示
【发布时间】：2012-04-10 08:58:10
【问题描述】：

我正在使用以下工具提示：http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

这确实很好用，但是是否支持实现在悬停时保持打开的工具提示？或者一种实现方式？

【问题讨论】：

您希望它永久保持打开状态？或者就在您将鼠标悬停在另一个特定元素时？
理想情况下，当我将鼠标悬停在触发工具提示的元素或工具提示本身时，它应该保持打开状态。在其他任何地方，它都可以关闭。
如果我们能看到您正在使用的 HTML 将会很有帮助。以及您调用插件时使用的 jQuery。
对不起我的回答，我以为你的意思是一直打开

标签： jquery tooltip

【解决方案1】：

最后，我选择为“粘性”工具提示创建一个单独的 jquery 插件。

它与通常的工具提示基本相同，只是它不会在鼠标移出时隐藏自己。

如果想看实现，查看原jquery tooltip中的'createHelper'方法，修改如下：

helper.parent = $('<div id="' + settings.id + '"><h3></h3><div class="body"></div><div class="url"></div></div>')
            .bind('mouseleave', function () { hide(undefined, settings); })
            // add to document
            .appendTo(document.body)           
        // hide it at first
            .hide();

上面的内容基本上是：创建一个 div 父级，并使其保持打开状态，直到用户离开打开的工具提示。

【讨论】：