jQuery animate({left:"+=10"}) 不工作
<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 不这样做。
谁能解释一下吗？我见过许多其他脚本在做类似的事情。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
为了使定位工作，您需要通过设置
positioncss 属性来启用它。将其设置为
固定或绝对或相对即可工作（取决于您尝试实现的目标）引用自
positionMDC 文档 财产。和
For positioning to work, you need to have enabled it by setting the
positioncss property.Set it to
fixedorabsoluteorrelativeto work (depending on what you try to achieve)Quoting from the specs of the
positionMDC docs property.and
您将此
的位置设置为absolute，例如：
p{position:absolute;}，否则使用marginLeftcode> 而不是leftYou set the position of this
<p>toabsolutelike:
p{position:absolute;}otherwise usemarginLeftinstead ofleft