jQuery Mouseover/MouseOut 在 IE 9 中不起作用答案

【问题标题】：jQuery Mouseover/MouseOut not working in IE 9jQuery Mouseover/MouseOut 在 IE 9 中不起作用
【发布时间】：2012-08-19 19:00:10
【问题描述】：

我是页面上的一个小问号图像，如果用户将鼠标悬停在它上面，则会显示并隐藏一个 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 但它不起作用。有人有什么想法吗？

【问题讨论】：

您使用的是Zindex，请检查Div绝对位置
隐藏类包含什么？
好的 - 所以这有点进步 - 因为我可以看到 Div - 但现在不是我想要的 - 因为下拉等和图像在手风琴和现在它在里面加载对 UI 的最终用户来说没有好处
OMFG 这撞到了 2019 年无关紧要的浏览器的主页。

标签： javascript jquery html internet-explorer

【解决方案1】：

查看此演示：http://api.jquery.com/mouseover/

它适用于我的 IE9。确保您已在页面中包含 jquery 或在控制台中查找任何错误。

【讨论】：

是的，包括 jQuery 库 - 1.7.2 imin、jquery ui 1.8.11 和其他一些 jQuery 库，如数据表等 - 无法理解为什么它在 chrome 而不是 IE 中工作。
鼠标悬停时不会删除hidden 类吗？

【解决方案2】：

试试

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

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

【讨论】：