JQuery：简单的animate（）无法正常工作

Question

这是我的功能

$("#image-list-"+image_id+" .arrow").animate(
{
    opacity: 'toggle',
    left: "+=200px"
}, 5000);

这是一个图片标签。它会正确淡入，但它没有向右移动。

我试过

left: 200
left: "200px"
left: "+200"
left: "+=200"
left: "+200px"
left: "+=200px"

但是图像拒绝移动。我究竟做错了什么？这令人非常沮丧。

Answer 1

要使left生效，您的元素也需要position: relative，position: absolute或position: fixed样式。

position: static（默认设置）不受left，top，right和bottom样式的影响。