javascript - Jquery 扩展 BeautyTips 不适用于动态 ajaxPath 选项

Question

我正在使用 BeautyTips jQuery 扩展，但我没有任何运气将动态 URL 作为 ajaxPath 传递。在文档中，他们建议：

$('#example18').bt({
  ajaxPath: ["$(this).attr('href')", 'div#content']
});

我有

$( '.username' ).bt({ 
    ajaxPath: ["$(this).attr('title')"]
});

但是，当我将鼠标悬停在username元素上时，它不会显示存储在 Beautytip 中 title 属性中的 URL，而是尝试将整个浏览器发送到另一个页面（或刷新；很难说，因为浏览器地址不会改变，但页面变为空白，查看源代码显示完全不同的页面。）

我已经验证了相关元素中的标题是正确的，并且得到了正确的处理。如果我静态传递路径，它可以工作，但我宁愿不要为页面上需要 Beautytip 的每个项目编写此函数的新版本。

这里有语法问题吗？任何帮助将非常感激。

我的 HTML 就像：

<span class="username" title="http://degree3.com/popup/baloon/member-summary?id=53">Username</span>

score 0 · Accepted Answer

好吧，我不得不挖掘扩展，但我想出了这个。

插件作者（由于我没有花时间解读的原因）杀死了 BeautyTips 操作的元素的“title”属性，并将其值移动到一个名为“bt-xtitle”的属性中。我想这就是为什么他的示例使用“href”属性而不是标题属性的原因，我很幸运在错误的属性上尝试了这种操作。

无论如何，这有效：

$( '.username' ).bt({ 
    ajaxPath: ["$(this).attr('bt-xtitle')"]
});

1 回答 1