jQuery覆盖问题

Question

以下代码允许我在单击＃boxclose_4时关闭叠加层，但我希望能够在叠加层外单击以关闭它。

    $('#boxclose_4').click(function(){
          box_4.animate({'top':'-400px'},500,function(){
             overlay2.fadeOut(1000);
               });
    });

如果我在box_4关闭后立即添加body（'＃boxclose_4，body'），则叠加层会消失并快速显示。

有任何帮助吗？ 感谢

Answer 1

您希望将.overlay添加为事件，而不是body

$('#boxclose_4, .overlay').click(function(){
      box_4.animate({'top':'-400px'},500,function(){
         overlay2.fadeOut(1000);
           });
});

http://jsfiddle.net/YxhWx/1/