6

我正在使用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>`

我怎样才能让这个工具提示插件工作？

4

5 回答 5

10

你可以试试这个代码：

$('a.voted-user-image').tipsy({live: true});

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

于 2011-10-25T11:31:43.083 回答
1 
function initTipsy(){
    $(function(){ $('.tips').tipsy({gravity: 's',html: true}); });
    $(function(){ $('.tips-right').tipsy({gravity: 'w',html: true}); });
    $(function(){ $('.tips-left').tipsy({gravity: 'e',html: true}); });
    $(function(){ $('.tips-bottom').tipsy({gravity: 'n',html: true}); });
}

我在我的 main.js 中调用了这个函数，它适用于我的整个项目。这允许我向任何静态元素添加提示。我对动态元素有同样的问题，我找到的解决方案是在将新元素附加到 html 后再次调用 initTipsy。我知道这不是一个很好的解决方案，但它确实有效。希望对某人有所帮助。

于 2017-01-23T12:53:16.680 回答
0

它应该工作得很好..

检查示例.. http://jsfiddle.net/gaby/3pAue/2/（使用tipsy和1.5.1 jQuery）

错误必须在其他地方..确保你的html是有效的（ajax带来的那个，放在你放置的地方是有效的..）

于 2011-10-28T23:36:53.973 回答
0

不知道为什么 Dolphin 的回答得到了支持，甚至获得了奖励声望。他建议使用livejQuery Tipsy 选项，但这已经在原始海报（未经编辑）呈现的代码中使用。显然，该选项似乎没有奏效。

回答原始帖子：livetipsy 插件的选项似乎不适用于所有版本的 jQuery。版本 1.7.1 已经确认可以工作，所以升级 jQuery 可能是个好主意。

于 2013-03-18T09:06:58.253 回答
-3

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

于 2011-10-25T03:47:40.207 回答