2

ユーザーがその上にカーソルを置くと、疑問符の画像が横にあるドロップダウンボックスのオプションを説明するヘルプを含む Div を表示および非表示にするページ上の小さな疑問符の画像。以下は、画像と Div の html です。ヘルプ Div のテキストは含めていませんが、特別なことは何もしていません。いくつかのステートメントといくつかを含むすべてのプレーン テキストで
、Div を閉じます。

<img id="QuestionMark" src='/MyWebApp/view/images/icon/QuestionMark.png' height="15" />
<div id="HelpDiv" class="ui-widget-content Rounded hidden" style="position: fixed; z-index: 9999999; width: 100; padding-left:10px; padding-top:10px;">

これは、ヘルパー Div を非表示または表示するための私の JavaScript です。jQuery の mouseover/mouseout を使用しています。

$("#QuestionMark").mouseover(function () {
    $('#HelpDiv').removeClass('hidden');
});

$("#QuestionMark").mouseout(function () {
    $('#HelpDiv').addClass('hidden');
});

これをChromeにロードすると、正常に動作します。しかし、IE 9 で実行しているときは機能しませんか? ページで Ctrl Refresh を実行して、最新の JS ファイルが取り込まれていることを確認しました。IE 9 で開発者ツールを確認すると、スクリプト ファイルに上記の JS が含まれていることがわかりますが、機能していません。アイデアはありますか？

4

2 に答える 2

0

試す

$("#QuestionMark").mouseover(function () {
    $('#HelpDiv').show();
});

$("#QuestionMark").mouseout(function () {
    $('#HelpDiv').hide();
});
于 2012-08-24T08:26:23.127 に答える
0

このデモを確認してください: http://api.jquery.com/mouseover/

私にとってはIE9で動作します。ページに jquery が含まれていることを確認するか、コンソールでエラーを探します。

于 2012-08-24T08:24:11.520 に答える