-2

仕事中のプロジェクトに jquery ツールチップを追加しました。要素の上に画像が表示されるはずです。これで問題なく動作しますが、このツールチップが表示される 2 つのページのうちの 1 つで、更新しない限り、ロールオーバー時にポップアップがランダムに停止します。

他のページではこの問題は発生せず、コードはどちらも同じであることに注意してください。画像自体を保存してください。私がテストを通して気づいたことは、最初のページのツールチップは、ツールチップが表示され始めるのに十分な速さでマウスを移動すると機能しなくなり、その後表示されないことです。

私の質問は: これは既知のバグですか? それを修正する方法はありますか？もしそうなら、それは何でしょうか？

参考までに、私のコード：

function mouseRenewal() {
    $('#pinOver').tooltip({
        content: '<img src="../../Content/Images/renewalnotice.GIF" />'
    });
}

そしてトリガー要素:

<%= Html.Label("Pin")%></div>
<%= Html.TextBox("Pin")%>&nbsp;
<span class="help">
     <a id="pinOver" title="" onclick="sampleRenewalOpen()" onmouseover="mouseRenewal()">What's this?</a>
</span>

注: 要素の onclick イベントは、モバイル ブラウザー用です。ホバーできない場合、またはホバーが壊れた場合は、画像を含むポップアップ ウィンドウを開くことができます。

編集:さらにテストした結果、マウスオーバーの速度ではないと結論付けました。一般に、マウスオーバーを繰り返すと、単に素早いものでも問題が発生します。現在、遅延を使用して、正しく一貫して機能するようにしようとしています。

4

1 に答える 1

1

マウスオーバーごとにツールチップを初期化しています。初期化は最初に一度だけ必要です。 

$('#pinOver').tooltip({
    content: '<img src="../../Content/Images/renewalnotice.GIF" />'
});

<span class="help">
 <a id="pinOver" title="">  
    What's this?
</a>
</span>

デモを見る

于 2014-02-02T05:49:00.900 に答える