有没有办法在cluetip html中操纵html

Question

我am using cluetip jquery plugin我显示一个带有一些html的弹出窗口（使用本地源隐藏的div）。我现在有一些想要用另一个更改一个图标的jquery，我有以下代码：

 var img = "#mySelector";
 $(img).attr("src", "/content/images/ajax-loader.gif");

这个图像在常规页面上时可以正常工作，但是当它在弹出窗口内时，图像不会改变。有没有办法在cluetip jquery插件中更改工具提示弹出窗口中的html？

我知道选择器是正确的，因为我也有这一行：

 var img = "#mySelector";
 var currentSrc = $(img).attr("src");

和currentSrc读取当前字符串。

注意：

另外，当我看到

时，在萤火虫中

 var currentSrc = $(img).attr("src");

我将源更改为

/content/images/ajax-loader.gif

它的确如下：

 /content/images/ajax-loader.gif

所以看起来代码正在运行，但图像根本没有改变..。

Answer 1

查看clueTip options，您可能希望为onActivate()或onShow()设置处理程序，以便您可以在适当的时间更改图像网址。

修改：由于您已修改帖子以显示.src实际上正在发生变化，因此唯一可能的解释是：

1. 您正在更改错误的对象
2. .src值是错误/错误的网址
3. 其他一些代码正在重新更改网址。

最有可能的是您正在更改错误的对象，并且最可能发生的方式是，如果您的ID值错误，或者您有多个具有该ID的对象。

应该只有一个具有给定ID的对象，如果有多个，使用该ID的选择器可能只返回带有该ID的第一个 - 尽管这不是应该依赖的行为。

Answer 2

cluetip插件克隆（本地）内容并为id添加后缀（因为id的neet是唯一的），你可以在cluetip选项中使用localIdSuffix：'MySuffix'设置后缀。您需要找到插入（和隐藏）的cluefix div并更改其中的值。