Javascript jQuery工具提示在IE中不起作用
我正在使用jquery工具提示,下面是它的代码 Javascript:Javascript jQuery工具提示在IE中不起作用,javascript,jquery,internet-explorer,tooltip,Javascript,Jquery,Internet Explorer,Tooltip,我正在使用jquery工具提示,下面是它的代码 Javascript: this.tooltip = function() { var xOffset = -10; var yOffset = -175; $("a.tooltip").hover(function(e) { this.t = this.title; this.
this.tooltip = function()
{
var xOffset = -10;
var yOffset = -175;
$("a.tooltip").hover(function(e)
{
this.t = this.title;
this.title = "";
var breakdownData = "";
var header = "<b>This document contains:</b><br />";
switch(this.id)
{
case '_ctl0_MasterContentPlaceHolder_hpl_DownloadCCPS1':
breakdownData = "<div style='padding-left:30px;'><br /></div>";
break;
case '_ctl0_MasterContentPlaceHolder_hpl_DownloadCCPS2':
breakdownData = "<div style='padding-left:30px;'></div>";
break;
case '_ctl0_MasterContentPlaceHolder_hpl_DownloadCCPS3':
breakdownData = "<div style='padding-left:30px;'></div>";
break;
case '_ctl0_MasterContentPlaceHolder_hpl_DownloadCCPS4':
breakdownData = "<div style='padding-left:30px;'></div>";
break;
}
$("body").append("<div id='tooltip' style='width:350px; padding-left:15px; font-size:11px;'>"+ header + breakdownData +"</div>");
$("#tooltip").css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
}, function() {
this.title = this.t;
$("#tooltip").remove();
});
$("a.tooltip").mousemove(function(e) {
$("#tooltip").css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};
}
$(document).ready(setTimeout("tooltip()", 500));
#tooltip
{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
width:350px;
}
我所需要做的就是将tooltip类添加到锚定标记中,这样做很好
在Firefox中,但不是在IE中。还有其他人经历过这种情况吗
这里是一个链接到原来的,似乎工作得很好
谢谢我能够在FF3、IE6和IE7中很好地测试它。你遇到了什么问题 不过,我确实在Firebug中收到了一个bug: fn.call is not a function jquery-1.2.6.js Line 2295 jQuery.readyList.push( function() { return fn.call(this, jQuery); } ); fn.call不是函数jquery-1.2.6.js第2295行 push(函数(){return fn.call(this,jQuery);}); 这导致我将您的$(文档).ready函数更改为: $(document).ready(function(){ setTimeout("tooltip()", 500) }); $(文档).ready(函数(){ 设置超时(“工具提示()”,500) });
不确定这是否能解决您的问题,但请试一试。是否还需要其他代码或其他库(除了jquery core)。我正在尝试测试它,但根本无法让它正常运行(FF3)您使用的是什么版本的jQuery?对于那些可能有类似问题的人来说,问题似乎是我使用的是较旧版本的jQuery。