2011-10-25 17 views
0

我正在使用BeautyTips jQuery擴展,但我沒有任何運氣將動態URL作爲ajaxPath傳遞。在the documentation,他們建議:Jquery擴展BeautyTips不支持動態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> 
+0

任何代碼?的jsfiddle? – 2011-10-25 07:00:25

+0

我加了我的HTML ...我不確定還有什麼用處。 – Wemmick

+0

也許這是完整的http路徑不起作用? – 2011-10-25 08:06:45

回答

0

好吧,我不得不通過擴展挖,但我想這一個。

插件作者(因爲我沒有花時間解密)殺死了BeautyTips操作的元素的「title」屬性,並將其值移至一個名爲「bt-xtitle」的屬性中。我想這就是爲什麼他的樣本使用「href」屬性而不是title屬性的原因,並且我試圖在錯誤的屬性上嘗試這種操作,這是我愚蠢的運氣。

不管怎麼說,這個工作:

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