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

Question

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

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

这里他们怎么说退出并输入

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

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

我如何从 body 内的 Tiptip 源代码调用函数。

Answer 1

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

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

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

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

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

tiptip_holder.fadeOut(opts.fadeOut);

Answer 2

解决办法有很多种。

另请检查尝试 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
               }
            },

         });