有什么方法可以操作cluetip html中的html吗？

Question

I 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读取当前字符串。

注意：

另外，在firebug中，当我查看

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

在我将源更改为

/content/images/ajax-loader.gif

它是这样写的：

 /content/images/ajax-loader.gif

因此，看起来代码正在工作，但图像根本没有变化。。

Answer 1

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

编辑：既然你已经编辑了你的帖子，显示.src实际上正在改变，那么唯一可能的解释是：

1. 您正在更改错误的对象
2. .src值是错误的/错误的URL
3. 其他一些代码再次更改了URL。

最有可能的情况是您更改了错误的对象，最有可能发生的情况是您的ID值错误，或者您有多个具有该ID的对象。

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

Answer 2

线索提示插件克隆(本地)内容并为id添加后缀(因为id必须是唯一的)，您可以在线索提示选项中使用localIdSuffix：'MySuffix‘设置后缀。您需要找到插入的(和隐藏的) cluefix div，并在那里更改值。