本文主要是介绍jquery中的animate函数在ie中失效的原因,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
今天在做网站的时候,要做一个滑动的下拉效果
我的代码如下
html:
服务项目
-
网站定制
精心策划,用心服务,尽可能的满足客户需求!
-
微信营销
微官网、微商城、微宣传、接口开发等微信公众平台开发
-
成品网站
节约客户成本,拥有众多精美模板可挑选,开启极速建站模式
-
美工设计
基于PC及移动智能设备的界面设计、logo设计、广告设计、UI设计等
js:
/**悬浮下拉**/$(function(){$("div#service_con li").hover(function(){$(this).find("div.slider").stop(true,false).animate({height:174,},300).find("div.text_con").stop(false,true).fadeIn(300);},function(){$(this).find("div.slider").stop(true,false).animate({height:0,},300).find("div.text_con").stop(false,true).fadeOut(300);});});
在其他浏览器测试都没有问题,但是在ie中测试死活没有效果,经调试说是“缺少标识符,或数字”,提示的是第5行和第9行,但是这两行并没有什么问题,只是有一个逗号,
抱着试一下的态度,去掉逗号,握草,居然可以了;
修改后js代码:
/**悬浮下拉**/$(function(){$("div#service_con li").hover(function(){$(this).find("div.slider").stop(true,false).animate({height:174},300).find("div.text_con").stop(false,true).fadeIn(300);},function(){$(this).find("div.slider").stop(true,false).animate({height:0},300).find("div.text_con").stop(false,true).fadeOut(300);});});
原来在ie中使用animate函数时,最后一个属性不能加逗号;虽然不是什么大问题,但还是分享出来,希望能帮到学习jquery的新手朋友!
这篇关于jquery中的animate函数在ie中失效的原因的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!