1

私はjqueryツールチップを使用しています。これがそのコードです

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/

ありがとうございました

4

1 に答える 1

3

FF3、IE6、IE7の両方で問題なくテストできました。どのような問題が発生していますか?

ただし、Firebugで1つのバグを受け取りました。

fn.callは関数ではありませんjquery-1.2.6.js2295行目
    jQuery.readyList.push(function(){return fn.call(this、jQuery);});

これにより、$(document).ready関数を次のように変更しました。

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

それで問題が解決するかどうかはわかりませんが、試してみてください。

于 2008-11-11T16:05:30.850 に答える