动态加载jqueryqtip代码

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

动态加载的内容需要在加载时自动显示多个工具提示（无需事件触发）。我之所以选择qTip，是因为它有参数来实现这一点，这与我发现的大多数其他工具提示不同，它们需要一个事件来触发工具提示（比如onmouseover）

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

$(function(){ $('#someelement').qtip({ content: 'This is the message!', show: { ready: true, when: false }, hide: { false }, position: { corner: { target: 'topLeft', tooltip: 'bottomRight' } }, style: { ............ styling code here................ } } }) }); $（函数（）{ $（'#someelement'）.qtip({ 内容：“这就是消息！”， 显示：{ready:true，when:false}， 隐藏：{false}， 职位：{ 角落：{ 目标：“左上角”， 工具提示：“右下角” } }, 风格：{ 此处的样式代码。。。。。。。。。。。。。。。。 } } }) }); 这在我尝试的任何形状或形式下都很好。提示成功显示

但是，如果动态加载此代码和内容，则不会显示工具提示

内容是使用Malsup的great form和taconite插件加载的

任何想法都将不胜感激

---

当然，如果你知道我可以使用另一种方法或插件来实现同样的效果，请不要害羞地提出建议。：）

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

$(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（）

方法非常有效，但是当您将插件设置为元素时，没有持久性方法。

您说“如果动态加载此代码和内容，则不会显示工具提示”。什么是“此代码”？“此代码”是您在上面看到的代码。我正在将文本和HTML动态插入页面。为了在我动态插入的文本中激活几个工具提示，您可以使用上面看到的jquery代码。qTip似乎不知道动态插入的文本，也找不到应用工具提示的元素。我喜欢你的想法！我创建了一个函数，可以向其中传递参数。参数基本上是工具提示的文本，以及将包含工具提示的元素。然后我可以从taconite的EVAL命令中调用这个函数，它基本上是在调用taconite插件时执行jQuery代码。但是qtip似乎仍然不知道动态插入的内容。我可以在“ajax”调用之后运行我的函数，并将工具提示应用于网站中的许多元素。但是，qTip似乎不知道我动态插入的元素：（所以基本上，qTip似乎无法在DOM中找到我刚才插入的元素。。。