Question

我在页面上的一个小问号图像，如果用户将鼠标悬停在其上，则显示并隐藏包含帮助的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，但它无法正常工作。有人有什么想法吗？

Answer 1

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

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

Answer 2

试

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

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

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

2 个答案: