Jquery .animate不工作

Question

http://jsfiddle.net/KrA3D/

我尝试在本地和jsfiddle中运行此操作但未成功。我错过了什么吗？我想让这张图片向右移动。

HTML

<div id="game">
    <img id="asd" src="http://i.imgur.com/ApuSWMC.png" alt="torch">
</div>

JS

$(document).ready(function () {
    $('#asd').click(function () {

        $('#asd').animate({
            left: "+=100px"
        }, 'fast');

    });

}); 

我认为它与选择器有关，由id和img尝试过，尝试将其更改为div，但没有成功。知道什么可能是错的吗？

Answer 1

您必须先定位元素（相对或绝对），然后才能更改其位置：

#asd {
    position: absolute; // or position: relative;
}

http://jsfiddle.net/mblase75/KrA3D/1/

Answer 2

是的，绝对或相对位置将在此处使用id asd。