用于动态直播活动的Tipsy jquery插件不起作用

Jus*_*zer 6 jquery plugins tooltip jquery-plugins tipsy

我正在使用tipsy jquery插件为动态显示的元素创建工具提示.

工具提示适用于非动态元素,所以我肯定包含了我需要的所有内容.我正在使用jquery 1.5.1

这是我的jquery代码: $('.voted-user-image').tipsy({gravity:'s', live: true});

这是在单击一个触发AJAX请求的链接后在div中动态显示的图像链接元素的html:

<a href="/profiles/2" class="voted-user-image" title="Test">
    <img alt="Justin meltzer" src="/system/photos/2/tiny/Justin Meltzer.jpeg?1306836552">
</a>`
Run Code Online (Sandbox Code Playgroud)

如何让这个工具提示插件工作?

Har*_*ina 10

你能试试这段代码吗:

$('a.voted-user-image').tipsy({live: true});
Run Code Online (Sandbox Code Playgroud)

每次添加内容时调用插件似乎都错了:)


Jus*_*zer -3

script我刚刚在 AJAX 请求呈现的 div 中的标签中再次调用了该插件。那行得通。

  • 对我来说,否决你对你自己的问题给出的答案似乎很奇怪。;-) 但是,这不是正确的答案,并且会在性能和代码可维护性方面产生负面结果。海豚说得对;.live() 本身被认为效率相对较低(例如与 .delegate() 相比),但它可以通过一个绑定正确完成这项工作。它是插件选项的一部分,不需要额外的麻烦。 (2认同)