javascript - jQuery 悬停函数 IE 错误

Question

我在使用 jQuery 悬停功能时遇到了一些困难。可能是由于盯着相同的代码太长时间，但也许有人可以提供帮助。

我有以下功能:

    $("#div1").mouseover(function () {
        $("#div2:hidden").show();
    });
    $("#div1").mouseout(function () {
        $("#div2:visible").hide();
    });

我也尝试过:

    $("#div1").hover(function () {
        $("#div2:hidden").show();
    }, function() {
        $("#div2:visible").hide();
    });

在 IE 中根本不起作用。我使用任何 mouseover、hover、mouseout 或任何其他“鼠标”功能编写的所有内容都会在 IE 中导致错误。对于其他浏览器来说它是完美的，更烦人的是它偶尔在 IE 中工作，例如有时第一次和第二次它会工作 - 然后它会出错。

任何帮助都会很棒!

Answer 1

它在这里工作得很好:http://jsfiddle.net/U89de/1/

你的第一个代码是错误的。更好的是使用:

$('#div1').mouseover(function() {
  // mouseover event
}).mouseout(function() {
  // mouseout event
});

<小时/>

如果您使用 jQuery 1.7 或更高版本，最好使用 .on() :

$('#div1').on({
  mouseover : function() {
    // mouseover event
  },
  mouseout : function() {
    // mouseout event
  }
});