延迟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（lates将是最好的）。然后重新加载你的小提琴（ Ctrl + 返回），一切正常！

另外，如果你真的希望它在延迟上移动，你需要使用它：

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

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

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

Answer 2

你忘了添加jQuery库

DEMO

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

Answer 3

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

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