jQuery緩動插件不工作

似乎無法得到這個jQuery緩動插件的工作！我在http://easings.net/上看到它，我在http://jsfiddle.net/XqqtN/上有我的代碼jQuery緩動插件不工作

我是新來的請幫忙！

$("#coolDiv").animate({'top':'-300px'},600,'easeOutBack',function(){ $(this).css({'top':'310px'});

2013-06-11 user2475274

看看這對你的作品http://jsfiddle.net/Pzzhx/ – Fabi

我從@Fabi測試的例子，它做工精細... – user2232273

#coolDiv { 
    width: 50px; 
    height: 50px; 
    position: absolute; 
    top: 0; 
    right: 0; 
    background: yellow; 
} 

<div id="coolDiv">cool</div> 

var left = $('#coolDiv').offset().left; 

$("#coolDiv").css({left:left}).animate({"left":"0px"}, { duration: 1500, easing: "easeOutBack" });

注意的主要區別是增加{時間：1500，緩和：「easeOutBack」}的動畫功能。

Fiddle

來源

2013-06-11 16:46:54 Fabi

非常感謝，這真是棒極了！只是想知道左邊：左邊是什麼 - 爲了我的目的，我改變了代碼從頂部滑入，還有3個動畫，所以我改變了變量，並在代碼剩下的部分中第一次引用'left'：左邊似乎沒用。在小提琴中，你會看到我用「鴨子」取代了它，它工作 - 只是想知道.... http://jsfiddle.net/Pzzhx/1/ – user2475274

你得到#coolDiv左偏移。從那個位置向左動畫它。在var left之後嘗試alert（left），你會看到起始值..所以它從N px讀取移動塊到左邊：0px，持續時間1500和緩動效果「easeOutBack」.. 。很高興它的工作，如果你可以請接受它，所以我可以提高我的聲譽...謝謝 – Fabi

accpeted - 但我仍然不明白我目前使用'鴨'的變量意味着/做了什麼。思考？ – user2475274

jQuery緩動插件不工作

回答

相關問題