使用jquery将居中的div移到右边

Question

我有一个以屏幕为中心的div：auto。

<div id="click"></div>

点击它时，我希望它向左滑动超过100px。这是我尝试过的jquery，但它似乎不起作用：

$("#click").click(function(){
$(this).animate({"left":"+=100px"}, "slow");

}）;

这是js fiddle。

任何人都可以向我解释我哪里出错了吗？

Answer 1

像这样改变：
的 CSS：

#click {
position:relative;
width: 50px;
height: 50px;
background: yellow;
margin:auto;
}

<强>脚本：

$("#click").click(function(){
$(this).animate({"left":"+100px"}, "slow");
});

您应在position: relative上添加the div属性，并将+=100px更改为+100px。
原因是：元素必须有position:relative或position:absolute才能在页面上移动某个位置。
了解更多信息：click this. 这是JSFiddle