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

时间:2012-04-10 08:58:10

标签: jquery tooltip

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

这非常有效,但有没有支持实现在悬停时保持打开的工具提示?或者实现这个的方法?

1 个答案:

答案 0 :(得分:1)

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

它与通常的工具提示基本相同,只是它不会在mouseout上隐藏它。

如果要查看实现,请检查原始jquery工具提示中的'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父级,并保持打开状态,直到用户离开打开的工具提示。