jQuery的animate方法在IE8下出现小问题

今天修改网站的bug,把网页显示的几张图片给做成左右滑动的动画效果;

由于本身有一个demo可供参考,然后在此基础上进行修改,所以很快就搞定了,然后在chrome,firefox,IE9下分别进行测试,都没问题;

然后毕竟要考虑IE的兼容性,开始在IE8下测试,然后就出现问题了,样式可以正常显示,但左右滑动的效果没了,百思不得其解,难道jquery的animate方法在IE8下有问题;

于是看animate的实现方式,无外乎就是改变div的margin-left属性值,源代码如下:

$("#productHot").stop(true,true).animate({"margin-left":nextMarginLeft*1-537},500);

想来想去也没想出个所以然,只得问一下领导了,领导看了看,说,你看看是不是这个div的margin-left的代码不规范,或没有初始值什么的;然后我看了下margin-left,我去,程序里根本没有这个属性啊,看来应该是没有初始值这个原因了。然后上CSS,给加上这个初始值,就OK了。

#productHot {
	margin-left:0px;
}

我在网上搜了搜,也有人说,用left也能搞定,这个倒不太清楚,不过有时间试试看;

最后,首先要说的是,用jQuery的animate方法时,animate的属性记得要初始化值;然后要说的是,还是领导厉害,一眼就能看出了大概;

接下来还有IE7的测试,不过IE7的问题更多了,我去;

上一篇:HDU5842


下一篇:Spring框架学习笔记(6)——阿里云服务器部署Spring Boot项目(jar包)