jQuery 툴팁은 IE에서 작동하지 않습니다
-
07-07-2019 - |
문제
jQuery 툴팁을 사용하고 있으며 여기에 코드가 있습니다.
자바 스크립트:
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));
CSS:
#tooltip
{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
width:350px;
}
내가해야 할 일은 툴팁 클래스를 앵커 태그에 추가하는 것입니다. 앵커 태그에 Firefox에서는 잘 작동하지만 IE는 아닙니다. 다른 사람이 이것을 경험 했습니까?
다음은 원본에 대한 링크가 있습니다. http://cssglobe.com/lab/tooltip/01/
감사합니다
해결책
FF3, IE6 및 IE7에서 잘 테스트 할 수있었습니다. 어떤 문제를 겪고 있습니까?
그러나 Firebug에서 하나의 버그를 받았습니다.
fn.call is not a function jquery-1.2.6.js Line 2295 jQuery.readyList.push( function() { return fn.call(this, jQuery); } );
이로 인해 $ (문서) .ready function으로 변경하게되었습니다.
$(document).ready(function(){ setTimeout("tooltip()", 500) });
그것이 당신의 문제를 해결할 것인지 확실하지 않지만 시도해보십시오.
제휴하지 않습니다 StackOverflow