Jquery在ie6 ie7 ie8中为滑块返回无效属性值

时间:2011-06-22 06:59:31

标签: javascript jquery internet-explorer properties

我正在开发一个jquery滑块,除了ie6 ie7 ie8之外,它似乎适用于所有浏览器。 我为这些浏览器获取了无效的属性值。奇怪的是,如果您在ie中快速单击底部正方形,滑块将起作用。当我在wordpress中工作时,我已经重新映射了$ docready。

我正在本地工作,所以我创造了一个小提琴,如果有人有任何解决方案或想法,我们将不胜感激。

view demo

干杯尼克

2 个答案:

答案 0 :(得分:2)

jQuery不支持通过animate进行颜色动画。删除以下语句可修复IE的问题:

//headers.not(headers[num]).animate({color:hColor});

//  theHeader.animate({color:'#000'});

示例:http://jsfiddle.net/kP4F2/7/

如果你想为颜色设置动画,你可以包含jQuery UI,它也可以启用颜色动画。

  

jQuery UI项目扩展了   .animate()方法允许一些   非数字样式,如颜色   动画。该项目还包括   指定动画的机制   通过CSS类而不是   个人属性。

http://jsfiddle.net/niklasvh/kP4F2/11/

有关使用animate可以执行的操作的详细信息,请查看文档here。未包含的内容最有可能使用jQuery UI完成。

答案 1 :(得分:1)

试图在IE中进行一些调试。

似乎这就是原因

theHeader.animate({color:'#000'});

据我所知,你无法为颜色属性设置动画。