动态加载jQuery qTip代码

对于我正在编写的应用程序，我需要在提交表单时动态地将内容加载到DIV中。

这种动态加载的内容需要在加载时自动显示多个工具提示（不需要事件来触发它）。 我之所以选择qTip是因为它有参数来执行此操作，这与我发现的大多数其他工具提示不同，后者需要事件来触发工具提示（如onmouseover）。

这是用于实现此目的的qTip代码：

 $（function（）{$（'＃someelement'）。qtip（{content：'这是消息！'，show：{ready：true，when：false}，hide：{false}，position：{corner： {target：'topLeft'，tooltip：'bottomRight'}}，样式：{............样式代码在这里................} }}）}）; 

这适用于我尝试的任何形状或forms。 提示成功出现。

但是，如果我将此代码与内容一起动态加载，则不会显示工具提示。

使用Malsup的优秀forms和taconite插件加载内容。

任何想法将不胜感激！

当然，如果您知道我可以用来实现相同类似效果的其他方法或插件，请不要害羞地建议它。 🙂

Answer 1

我以前遇到过这个问题，这就是我解决它的方法。 将插件代码放在一个单独的函数中，并在文档就绪时调用它：

$(function(){ loadQtip(); }); function loadQtip() { $('#someelement').qtip({ content: 'This is the message!', show: { ready: true, when: false }, hide: { false }, position: { corner: { target: 'topLeft', tooltip: 'bottomRight' } }, style: { ............ styling code here................ } } }) } 

然后当您添加新数据时再次调用该函数：

 ... complete: function() { loadQtip(); } 

你会发现点击，更改等事件.live()方法是一种享受，但是当你设置一个元素的插件时，就没有持久的方法。