2010-11-01 55 views
3

jQuery的先進工具提示我要實現的是去一個奇怪的規定如下:不同onHover選項和的onclick內容

  1. 用戶可以將鼠標懸停在鏈接上,並得到一個描述性文字,如「這裏是一些文本」
  2. 用戶可以點擊同樣的鏈接,並得到一個完全不同的 文本也可能包含標記(例如:一些其他文本這裏)

我已經看過一些jQuery插件,但其中大多數與onhover或onclick工作,但不是兩個。他們似乎也在爲他們的內容使用「title」屬性。

所以我的問題是:這個功能可能嗎?有沒有一個jquery tooltip插件,我可以爲onhover和onclick事件定義不同的內容?是否有另一種方法來實現這一目標? (Javascript不是我的強項之一)。

我也很樂意提供簡單的獨立JavaScript庫的建議,但最好是它們是jQuery插件。

謝謝。

答:

隨着simpletip

HTML代碼

<p>Hello <a id="test" title="some text here">world</a> again</p> 

和JavaScript

$("#test").simpletip({ 
    persistent: true, 
    content: '<b>Some</b> other <i>text</i> here.' 
}); 

回答

2

幫助你怎麼樣使用jQuery插件的onclick顯示花哨的工具提示,並在標準文本的itle屬性(onhover)?

+0

但我發現的jQuery插件已經使用了title屬性。因此,我擁有完全相同的onhover和onclick內容。這不是我想要的。 – kazanaki 2010-11-01 12:46:24

+0

選擇不使用標題屬性的標題屬性,因爲您要提供整個標記。像這樣:http://craigsworks.com/projects/qtip/ – 2010-11-01 13:08:28

0

您可以使用.data()jquery將文本附加到每個元素,然後顯示它。它甚至可以同時保存不同數據對象中的單擊和懸停文本,因爲您可以附加複雜的對象。