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;">

然后这是我的 javascript，用于隐藏或显示 Helper Div - 我正在使用 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 回答