2012-02-17 45 views

回答

2
$(document).ready(function(){ 
    $("#switch_font").click(
     function(){ 
      $("body").fadeOut(550, function(){ 
       $("body").toggleClass("messed_up_website").fadeIn(550);    
      });  
     }); 
    });​ 
0

你需要切换类回调的淡出,而不是所有的事件串联起来。像这样的东西:(未经测试,可随时调整)

$("body") 
    .fadeOut("slow", function() { 
     $('body').toggleClass('messed_up_website') 
      .delay(550).fadeIn('slow); 
    }); 
+0

$( '身体')toggleClass( 'messed_up_website') - > haha​​hahaha – 2012-02-17 17:45:04

+0

我认为.delay方法做这项工作,事实证明,这不是”吨。谢谢! – metrampaz 2012-02-17 17:46:36

+0

@metrampaz,所述'.delay'方法是用于动画队列,这'.toggleClass'不使用。 – Brad 2012-02-17 17:54:49

0

你需要等待fadeOut动画完成,然后您可以切换你的类。像这样的东西。

$(document).ready(function() { 
    $("#switch_font").click(

    function() { 
     $("body").fadeOut("slow", function() { 
      $(this).delay(530).toggleClass("messed_up_website").delay(530).fadeIn("slow"); 
     }); 
    }); 
});​ 

http://jsfiddle.net/derekaug/ssZgg/1/