jquery - 用jquery悬停的div消失

我正在使用此 jquery 代码在悬停时显示 div:

$(function() {
  $('#div1').hover(function() {
    $('#div2').fadeIn();
  }, function() {
    $('#div2').fadeOut();
  });
});

在 jSFiddle 上:http://jsfiddle.net/4z2zq/4/

这将使用两个 DIV ID:

div1

div2

但是当 #div2 被悬停时，我无法点击这些链接!
当我尝试点击这些链接时，这个 div 消失了。在悬停 #div2 本身时保留 #div2 的任何想法。

最佳答案

类似的东西

$(function() {
    $('#div1').hover(function() {
        $('#div2').fadeIn();
    } );
    $('#div2').mouseleave(function() {
        $('#div2').fadeOut();
    });
});

http://jsfiddle.net/4z2zq/8/

关于jquery - 用jquery悬停的div消失，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18241364/