沒有工作

Question

jQuery的動畫運動你好，我有這樣的代碼

<img id="ikona1" src="images/user.png" alt="Users Cloud"/> 

和我在jQuery的驗證碼。

$(document).ready(function(){ 
$("#button65").click(function() { 
    $("#ikona3").animate({left: "+=300px"},200); 
});}); 

當我按下按鈕，不動

但

，如果我的代碼更改爲({width: "120px"},200);它的工作原理...

我不明白爲什麼它不工作。

Answer 1

你有ID爲ikona1的html元素，但選擇ID爲ikona3與jQuery的元素。 也許你應該做這樣的事情：

$(document).ready(function(){ 
    $("#button65").click(function(e) { 
     $("#ikona1").animate({left: "+=300px"},200); 
     e.preventDefault(); 
    }); 
}); 

還要檢查，如果你的元件在CSS position:absolute;。

Answer 2

我已經設置了一個example fiddle它的工作原理。 不要忘了通過CSS在圖像上設置定位：

#ikona1 {position: absolute;} /* relative or fixed would also work */