[問題] jQuery tooltip 使用上問題

看板Ajax作者 (小淘)時間15年前 (2010/02/11 18:05), 編輯推噓1(105)
留言6則, 2人參與, 最新討論串1/2 (看更多)
請教各位前輩 我現在是使用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)

02/11 19:44, , 1F
DEMO中有一個useElement 有你測試過了嗎?
02/11 19:44, 1F

02/11 19:44, , 2F

02/12 09:44, , 3F
改用useElement以後還是一樣的問題耶:(
02/12 09:44, 3F
※ 編輯: melonc 來自: 118.166.194.93 (02/12 09:48) ※ 編輯: melonc 來自: 118.166.194.93 (02/12 09:48)

02/12 14:02, , 4F
$(document).ready(function(){
02/12 14:02, 4F

02/12 14:03, , 5F
$(".text").easyTooltip({useElement:$(this).attr("tdt")})
02/12 14:03, 5F

02/12 14:03, , 6F
}); 試試看只用這一段
02/12 14:03, 6F
文章代碼(AID): #1BSzQ59m (Ajax)
文章代碼(AID): #1BSzQ59m (Ajax)