jQuery animate({left:"+ = 10"})无效

Question

<script type="text/javascript" src="./Scripts/jquery-1.5.1.min.js"></script>
<script type='text/javascript' >
    $(document).ready(function () {
        $("#start").animate({ left: "+=10px" }, 1000)
            .animate({ left: "-5000px" }, 1000);
    });
</script>

<p id="start">this is some text that i am going to animate </p>

我在这里绞尽脑汁为什么这不起作用.如果我改变left到marginLeft它会按预期和动画.但我不知道为什么left不.

有人可以解释一下吗？我见过许多其他脚本做类似的事情.

Answer 1

要使定位起作用,您需要通过设置positioncss属性来启用它.

其设置为fixed或absolute或relative工作(这取决于你试图达到什么)

引用position ^{MDC docs}属性的规范.

初始值:静态

和

static
正常行为.在顶部,右侧,底部和左侧属性不适用.