0

ツールチップは問題ないように見えますが、アイテムにマウスを向けようとすると、ドロップダウンボックスが自動的に閉じます。これはInternetExplorerでのみ発生し、他のブラウザでは正常に機能します。

HTMLコード：

<table width="100%" cellpadding="0" cellspacing="2" border="0">
            <tr>
                <td width="20%" class="fundoTituloForm">Entidade:</td>
                <td width="80%" class="bordaFormResp">
                <select name="academia" id="academia" class="formulario vtip" title="Selecione a entidade que deseja">

JSコード：

 this.vtip = function() {    
    this.xOffset = -10; // x distance from mouse
    this.yOffset = 20; // y distance from mouse       

    $(".vtip").unbind().hover(    
        function(e) {
            this.t = this.title;
            this.title = ''; 
            this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);

            $('body').append( '<p id="vtip"><img id="vtipArrow" />' + this.t + '</p>' );

            $('p#vtip #vtipArrow').attr("src", '../../imagens/vtip_arrow.gif');
            $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("fast");

        },
        function() {
            this.title = this.t;
            $("p#vtip").fadeOut("slow").remove();
        }
    )
    .mousemove(
        function(e) {
            this.top = (e.pageY + yOffset);
            this.left = (e.pageX + xOffset);

            $("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
        }
    );            

};

jQuery(document).ready(function($){vtip();})

ここで実際にさまざまなブラウザで確認できます。誰かが私を助けることができますか？

4

1 に答える 1

0

IE8 は、Chrome、Firefox、または IE9 と同じように多くの jquery 関数をサポートしていないためです。実行しようとしていることをバイパスするか、IE8 ブラウザーの代替オプションを介して処理するには、IE8 の動作の例外を記述する必要があります。

于 2012-01-20T16:52:09.183 に答える