如何使用Jquery TipTip插件制作粘性工具提示

Question

我正在使用Jquery TipTip插件。如果您知道更好的插件，那么易于使用，您可以告诉我。好的，现在我能够使它工作。它显示工具提示非常好。但我想制作粘性工具提示。我的意思是当你将鼠标悬停在对象上时工具提示将会显示，直到人点击我放在工具提示中的链接，所以当人点击时，工具提示将被关闭。他们的文档是零，所以我无法解决它。

tiptip主页：http://code.drewwilson.com/entry/tiptip-jquery-plugin

他们如何说退出并进入

输入：回调函数 - 每次鼠标悬停应用了TipTip的元素时运行的自定义函数。

退出：回调函数 - 每次鼠标输出应用了TipTip的元素时运行的自定义函数。

如何通过体内tiptip源代码调用函数。

Answer 1

有很多解决方案。

同时选中Try QTip

http://slodive.com/web-development/best-jquery-tooltip-plugins/ http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

检查这些http://craigsworks.com/projects/qtip/docs/reference/选项，请参阅按钮true或false。

$('#tipDiv')

         .qtip({
            content: {
               text: 'Something', 
               title: {
                  text: 'My Title',
                  button: true
               }
            },

         });

Answer 2

您是否检查了该插件的 keepAlive 选项？这会将工具提示保留在屏幕上，直到用户将鼠标移出工具提示（而不是关闭目标对象本身）。

似乎没有办法以编程方式执行此操作。您必须扩展插件本身或删除mouseout事件处理程序。

实际上在重新阅读文档之后，您可以尝试使用退出回调来防止工具提示消失，如下所示：

exit: function(){
  // prevent action code goes here
}

但我不确定这是否有效。查看源代码，您可以修改deactivate_tiptip（）函数。第三行是隐藏工具提示的行。

tiptip_holder.fadeOut(opts.fadeOut);