jQuery中的缓动选项不起作用

我已经尝试了很多次用于教育目的，但徒劳无功我的试验从来没有成功，我做错了，但两天了，现在我无法识别错误，所以我包括在这里我的jQuery函数并希望你能告诉我问题在哪里。jQuery中的缓动选项不起作用

附带的代码的结果只是隐藏动画

$(document).ready(function() 
{ 
    $('#hide').click(
     function() 
     { 
      $('p').toggle(
      function() 
      { 
       $('p').animate({'padding':'=+150px'},3000,'swing') 
      }, 
      function() 
      { 
       $('p').animate({'padding':'=-150px'},3000,'linear') 
      } 
      ); 
     } 
    ) 
})

来源

2013-03-20 Neo

拨动这种形式的jQuery中 – 2013-03-20 08:47:04

的最新版本弃用那么什么是新版本切换的替代品。 – Neo 2013-03-20 08:52:57

你能展示你想要关联到你的动画过程的html代码吗？ – blackhawk 2013-03-20 08:55:45

代替我删除与一个简单的布尔替换它调用的toggle弃用的形式。还请注意padding应设置为-=150px而不是=-150px。

var toggle = true; 
$(document).ready(function() 
{ 
    $('#hide').click(
     function() 
     { 
      if(toggle){ 
       $('p').animate({'padding':'+=150px'},3000,'swing'); 
       toggle = false; 
      }else{ 
       $('p').animate({'padding':'-=150px'},3000,'linear'); 
       toggle = true; 
      } 
     } 
    ) 
});

工作实例：http://jsfiddle.net/nBzCL/

来源

2013-03-20 09:05:36

jQuery中的缓动选项不起作用

回答

相关问题