【问题标题】:is there any way to manipulate the html inside a cluetip html有什么方法可以操作线索提示 html 中的 html
【发布时间】:2013-01-18 22:10:22
【问题描述】:

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

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

当此图像在常规页面上时效果很好,但当它在弹出窗口中时,图像不会改变。有没有办法在提示提示 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

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

【问题讨论】:

    标签: jquery cluetip


    【解决方案1】:

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

    编辑:由于您已编辑帖子以显示.src 实际上正在更改,因此唯一可能的解释是:

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

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

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

    【讨论】:

    • img 实际上是一个变量,我在其中传递“#abc”选择器
    • 另外,我在工具提示启动时调用这个 javascript,所以我不想在它显示时调用它。 .我需要它在它启动时改变。我可能需要刷新 api 命令或其他东西。 .我会认为它会工作,因为它改变了一个 DOM 选择器
    • 如果它没有改变,那么可能是因为找不到对象。您应该在设置.src 之前执行console.log($(img).length) 并查看是否找到了对象。如果.length 为 0,则找不到。
    • 它肯定被发现,因为我在它之前有这一行来读取当前的 src 。 .: $(img).attr("src") 并检索正确的值。我已经编辑了问题以澄清
    • @leora - 如果.src 发生变化,但您没有看到图像发生变化,那么您要么定位到错误的对象,要么 URL 错误或错误,要么其他东西正在设置URL 恢复到原来的值。这里没有其他选择。浏览器不接受新的.src,如果 URL 没有问题,则不会显示它。如果没有看到包含此​​内容的页面,我们可能无法进一步提供帮助,因此我们可以看到这里实际发生的其他事情。
    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-03-03
      • 1970-01-01
      • 2013-06-10
      相关资源
      最近更新 更多