动画功能中的Javascript错误

时间:2013-10-04 06:10:11

标签: javascript jquery html

当我尝试为div设置动画时,它在下面显示的行上显示一些错误。

这是代码..这个

中有任何语法错误
  

$("#viewport").animate({margin-left:'50px'},"slow");

提前致谢。

2 个答案:

答案 0 :(得分:3)

您不能在Javascript属性文字中使用-字符(不带引号的属性)。 jQuery通过将引用CSS属性的camelCased名称转换为虚线名称来为此提供解决方案。因此,您应该将动画对象更改为{marginLeft: '50px'}或引用属性名称{'margin-left': '50px'}

答案 1 :(得分:0)

$("#your_div").animate({marginLeft: '50px'}, 500);

在你的情况下

$("#viewport").animate({'margin-left':'50px'},"slow");

<强> Demo