jquery - 悬停在 jquery 上的 div 消失了

Question

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

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

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

这将使用两个 DIV ID:

1. 分区1
2. 分区2

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

Answer 1

类似的东西

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

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