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

Question

我使用的是Jquery TipTip插件。如果你知道更好的插件，易于使用，你可以告诉我。好了，现在我可以让它工作了。它可以很好地显示工具提示。但我想制作粘性的工具提示。我的意思是，当你将鼠标悬停在对象上时，工具提示就会显示出来，直到有人点击我放在工具提示里面的链接，所以当有人点击时，工具提示就会关闭。他们的文档是零，所以我无法解决它。

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

下面是他们如何说“退出和进入”

enter: callback function -自定义函数，每次将鼠标悬停在应用了TipTip的元素上时运行。

exit: callback function -自定义函数，每次鼠标移出应用了TipTip的元素时运行。

如何在body内部从tiptip源代码中调用函数。

Answer 1

你检查过插件的keepAlive选项了吗？这会使工具提示一直显示在屏幕上，直到用户将鼠标移出工具提示(而不是离开目标对象本身)。

似乎没有一种方法可以通过编程来做到这一点。你将不得不扩展插件本身，或者移除鼠标输出处理器。

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

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

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

tiptip_holder.fadeOut(opts.fadeOut);

Answer 2

有很多解决方案。

另请选中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
               }
            },

         });