jQuery的工具提示在IE

不工作我使用jQuery的提示，這裏是它jQuery的工具提示在IE

的Javascript代碼：

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/

謝謝

來源

2008-11-11 Josh Mein

是否有任何其他代碼需要，或額外的庫（jQuery的核心除外）。我試圖測試它，但無法讓它正常運行（FF3） – 2008-11-11 15:32:12

我能夠在這兩個FF3，IE6，IE7和精細測試。你遇到什麼問題？

我做螢火蟲收到一個錯誤但是：

 
fn.call is not a function jquery-1.2.6.js Line 2295 
    jQuery.readyList.push(function() { return fn.call(this, jQuery); });

害得我.ready函數改變你的$（document）到：

 
$(document).ready(function(){ 
    setTimeout("tooltip()", 500) 
});

不知道這會解決你的問題，但試試看。

來源

2008-11-11 16:05:30

jQuery的工具提示在IE

回答

相關問題