Question

我制作了这个简单的jQuery脚本，但我有一点问题。在我淡出我的第一个div后，我的第二个fadeIn不起作用，因为div已经存在...我已经尝试用更长的毫秒来减慢fadeIn，但它没有用。这是我的剧本。

$("#nothing > h1").click(function(){
$(this).fadeOut(1000);
$("#social").fadeIn(1000);  
  });

这是我的HTML

<div id="nothing">
    <h1>Click here.</h1>
</div>

<div id="social">      
   <h2>Nothing to see here</h2>
</div>

谢谢！

Answer 1

这是我为你制作的jsFiddle：

http://jsfiddle.net/LJK3P/1/

$('#social').hide();

 $("#nothing > h1").click(function(e){
     e.preventDefault();// Just in case

     //You probally would want to fade out the parent of the h1 so add parent() 
     $(this).parent().fadeOut(1000, function() { 
         $("#social").fadeIn(1000);
     });

});

Answer 2

如果这应该按顺序发生，你必须在fadeIn()事件的回调中调用fadeOut，如下所示：

$("#nothing > h1").click(function(){
   $(this).fadeOut(1000, function() {
     $("#social").fadeIn(1000);
   });    
});

希望这有帮助！

淡入淡出不会消失，但已经存在

2 个答案: