作者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