動畫延遲的jsfiddle

Question

我做了一個簡單的jQuery動畫，看不出爲什麼它不工作...

我知道我失去了一些東西真的很簡單。

任何幫助將非常感激。

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

和代碼

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

Answer 1

你忘了添加jQuery庫

DEMO

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

Answer 2

你忘了加入jQuery。在jsfiddle的左側面板上，您應該展開No-Library（Pure JS）選擇並選擇jQuery（這些條目將是最好的）。然後重新加載你的小提琴（Ctrl + 返回），一切正常！

另外，如果你真的希望它在延遲移動，你將需要使用此：

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

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

背後動畫數值等於該動畫的持續時間，不要拖延。

Answer 3

請檢查這個http://jsfiddle.net/aBWh6/12/。包括在的jsfiddle jQuery庫文件，使你的代碼工作

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