当我尝试为div设置动画时,它在下面显示的行上显示一些错误。
这是代码..这个
中有任何语法错误
$("#viewport").animate({margin-left:'50px'},"slow");
提前致谢。
答案 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 强>