动画函数中的 JavaScript 错误

Javascript error in animate function

本文关键字：JavaScript 错误 函数 动画      更新时间：2023-09-26

当我尝试对div进行动画处理时，它在下面显示的行上显示一些错误。

这是代码..这是否有任何语法错误

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

提前谢谢。

在 Javascript 属性文本（不带引号的属性）中不能有 - 个字符。 jQuery为此提供了一个解决方案，将引用CSS属性的驼峰名称转换为虚线名称。因此，您应该将 animate 对象更改为 {marginLeft: '50px'} 或引用属性名称，例如 {'margin-left': '50px'} .

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

在您的情况下 

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

演示

相关文章：