2012-07-09 58 views
0

我試過在我的網站上實現了Tipsy jQuery插件,它不會將標題標籤顯示爲漂亮的工具提示。但它似乎並沒有在我的網站上工作,任何人都可以幫忙嗎?用標題標籤配置Tipsy

我想,當我將鼠標懸停在在視頻吊艙的視頻縮略圖顯示工具提示...

回答

1

您使用以下行來初始化你的工具提示:

$('.tipsy').tipsy(); 

但是,正如你所看到的,以下img鏈接沒有叫做tipsy的類。

<a class="videobox various iframe" href="http://www.youtube.com/embed/I7_iD31Yhjg?autoplay=1&hd=1"> 
    <img width="74" height="56" title="Fear of Mobs Episode 155 - Murdering Ze Puppeh Doggies" src="http://i.ytimg.com/vi/I7_iD31Yhjg/1.jpg"> 
</a> 

更新:嘗試解決$('.tipsy').tipsy();$('a.videobox img').tipsy();

如果你想改變它得到的提示文本,您可以使用類似於下面的東西。

$('.tipsy').tipsy({ 
    title: 'alt' // it'll get the alt attr, you can use an attr or a callback 
}); 
+0

這種工作,它現在顯示一個空的工具提示。我怎樣才能獲得通過鼠標懸停(標題標籤)而不是通常顯示的文本? – cbg 2012-07-09 20:28:42

+0

默認情況下,它會獲取元素的'title',您可以使用我將更新的代碼將其更改爲屬性或回調。 – 2012-07-09 20:34:00

+0

@ user1510201我得到了問題,看看我的更新。 – 2012-07-09 20:39:45