作者melonc (小淘)
看板Ajax
標題[問題] jQuery tooltip 使用上問題
時間Thu Feb 11 18:05:51 2010
請教各位前輩
我現在是使用easy tooltip 來顯示訊息
因為對jQuery 還不太熟悉
所以一直有個問題無法解決
請大家幫我看一下程式碼
主要是會有一個table
每一列資料中會有一欄要用到提示
HTML
這邊只列出會用到的欄位
<tr> <td class="text" tdt="text1">Test1</td> </tr>
<tr> <td class="text" tdt="text2">Test2</td> </tr>
<!-- tdt是自訂的標籤 與span的id相對應-->
<span style="display:none" id="text1">11111111</span>
<span style="display:none" id="text2">22222222</span>
<!-- 完整的內容是用隱藏的span去存 -->
jQuery
這邊也只列出相關的程式碼
$("td.text").mouseover(function(){
tdtext=$(this).attr("tdt"); //取得tdt
showtext=$("#"+tdtext).html(); //找到span的內容
$(this).easyTooltip({
tooltipId: "easyTooltip2", //樣式
content: showtext //顯示span的內容
});
});
這樣的寫法是有跑出我想要的效果
問題是當第一次跑出提示後
之後除了原本的提示外
左下角也會顯示相同的內容
而且還會越加越多撐開版面 = =
麻煩各位幫我解惑一下 感激不盡!!
--文章落落長 不好意思--
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.166.194.93
※ 編輯: melonc 來自: 118.166.194.93 (02/11 18:06)
1F：推 mesak:DEMO中有一個useElement 有你測試過了嗎? 02/11 19:44
3F：→ melonc:改用useElement以後還是一樣的問題耶:( 02/12 09:44
※ 編輯: melonc 來自: 118.166.194.93 (02/12 09:48)
※ 編輯: melonc 來自: 118.166.194.93 (02/12 09:48)
4F：→ mesak:$(document).ready(function(){ 02/12 14:02
5F：→ mesak:$(".text").easyTooltip({useElement:$(this).attr("tdt")}) 02/12 14:03
6F：→ mesak:}); 試試看只用這一段 02/12 14:03