用于动态实时事件的Tipsy jQuery插件无法正常工作 [英] Tipsy jquery plugin for dynamic live events is not working

问题描述

我正在使用精巧的jquery插件创建用于动态显示元素的工具提示. /p>

工具提示适用于非动态元素，因此，我绝对包括了我需要的所有内容.我正在使用jquery 1.5.1

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

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

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

如何使此工具提示插件正常工作?

解决方案

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

I'm using the tipsy jquery plugin to create tooltips for dynamically appearing elements.

The tooltips work on non-dynamic elements, so I've definitely included everything that I need. I'm using jquery 1.5.1

This is my jquery code: $('.voted-user-image').tipsy({gravity:'s', live: true});

This is the html of an image link element that appears dynamically in a div after a link is clicked that triggers an AJAX request:

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

How can I get this tooltip plugin to work?

解决方案

I just called the plugin again in a script tag in the div that the AJAX request rendered. That worked.

这篇关于用于动态实时事件的Tipsy jQuery插件无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！