jquery tooltip顯示div的內容

我想要使用http://onehackoranother.com/projects/jquery/tipsy/或http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/，我想知道是否可以說我的頁面上有一個div，它有一個'item_info'類。jquery tooltip顯示div的內容

我可以讓我的創建工具提示輸出工具提示內的div，並根據我的css正確格式嗎？

是否有另一個插件，我應該看看？

謝謝。我希望這很清楚。

來源

2010-04-14 jim

你在找什麼是一個工具提示，可以包括html contnet。 http://flowplayer.org/tools/demos/tooltip/any-html.html – Enrique 2010-04-14 20:08:45

感謝這個偉大的作品。 – jim 2010-04-14 21:18:14

你可以看看qTip

http://craigsworks.com/projects/qtip/demos/

來源

2010-04-14 21:00:47

感謝這很好。我最終喜歡flowlplayers提示更好一點，但我很欣賞鏈接。 – jim 2010-04-14 21:18:45

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/允許你指定你的提示造型額外的CSS類以及顯示「動態」數據的文本。看看下面的例子。

主要領域：bodyHandler指定哪個文本在你的工具提示顯示（這將DIV返回的HTML），extraClass指定css樣式提出申請。希望有所幫助。

$("#your_tooltip_element").tooltip(
    { 
     bodyHandler: function() { 
      return $("#your_div").html(); 
     }, 
     showURL: false, 
     track: true, 
     delay: 0, 
     showURL: false, 
     opacity: 1, 
     fixPNG: true, 
     extraClass: "item_info", 
     top: -15, 
     left: 5, 
     cursor: "hand" 
     } 
);

來源

2011-11-09 14:25:42

jquery tooltip顯示div的內容

回答

相關問題