jquery - 延迟jsfiddle上的动画

Question

我制作了一个简单的 jquery 动画，但不明白为什么它不起作用......

我知道我错过了一些非常简单的东西。

任何帮助将非常感激。

这是小提琴http://jsfiddle.net/aBWh6/9/

和代码

$(function(){
   $('.button2').animate({
       opacity: 0.4,
       marginLeft: "10px"
   }, 5000 );
});

Answer 1

你忘了包括 jQuery。在 jsfiddle 的左侧面板上，您应该展开No-Library (Pure JS)选择并选择 jQuery（后期最好）。然后重新加载你的小提琴（Ctrl+ Return），一切正常！

此外，如果您真的希望它继续延迟，您将需要使用它：

$(function(){
   setTimeout(function(){
      $('.button2').animate({
         opacity: 0.4,
         marginLeft: "10px"
      }, 500 );
   }, 5000);
});

小提琴：http: //jsfiddle.net/aBWh6/13/

animate 后面的数值等于动画的持续时间，而不是延迟。

Answer 2

你忘了添加 jQuery 库

演示

$(function(){
   $('.button2').animate({
       opacity: 0.4,
       marginLeft: "10px"
   }, 5000 );
});

Answer 3

检查这个http://jsfiddle.net/aBWh6/12/。在 jsfiddle 中包含 jquery 库文件以使您的代码正常工作

 $( ".button2" ).animate({ "left": "+=50px" }, 5000 );