jquery中的animate函数在ie中失效的原因

2024-06-04 03:58

本文主要是介绍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中失效的原因的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1029002

相关文章

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

HTML5 搜索框Search Box详解

《HTML5搜索框SearchBox详解》HTML5的搜索框是一个强大的工具,能够有效提升用户体验,通过结合自动补全功能和适当的样式,可以创建出既美观又实用的搜索界面,这篇文章给大家介绍HTML5... html5 搜索框(Search Box)详解搜索框是一个用于输入查询内容的控件,通常用于网站或应用程

Python中help()和dir()函数的使用

《Python中help()和dir()函数的使用》我们经常需要查看某个对象(如模块、类、函数等)的属性和方法,Python提供了两个内置函数help()和dir(),它们可以帮助我们快速了解代... 目录1. 引言2. help() 函数2.1 作用2.2 使用方法2.3 示例(1) 查看内置函数的帮助(

C++ 函数 strftime 和时间格式示例详解

《C++函数strftime和时间格式示例详解》strftime是C/C++标准库中用于格式化日期和时间的函数,定义在ctime头文件中,它将tm结构体中的时间信息转换为指定格式的字符串,是处理... 目录C++ 函数 strftipythonme 详解一、函数原型二、功能描述三、格式字符串说明四、返回值五

CSS3中的字体及相关属性详解

《CSS3中的字体及相关属性详解》:本文主要介绍了CSS3中的字体及相关属性,详细内容请阅读本文,希望能对你有所帮助... 字体网页字体的三个来源:用户机器上安装的字体,放心使用。保存在第三方网站上的字体,例如Typekit和Google,可以link标签链接到你的页面上。保存在你自己Web服务器上的字

MyBatis Plus 中 update_time 字段自动填充失效的原因分析及解决方案(最新整理)

《MyBatisPlus中update_time字段自动填充失效的原因分析及解决方案(最新整理)》在使用MyBatisPlus时,通常我们会在数据库表中设置create_time和update... 目录前言一、问题现象二、原因分析三、总结:常见原因与解决方法对照表四、推荐写法前言在使用 MyBATis

html 滚动条滚动过快会留下边框线的解决方案

《html滚动条滚动过快会留下边框线的解决方案》:本文主要介绍了html滚动条滚动过快会留下边框线的解决方案,解决方法很简单,详细内容请阅读本文,希望能对你有所帮助... 滚动条滚动过快时,会留下边框线但其实大部分时候是这样的,没有多出边框线的滚动条滚动过快时留下边框线的问题通常与滚动条样式和滚动行

Python中bisect_left 函数实现高效插入与有序列表管理

《Python中bisect_left函数实现高效插入与有序列表管理》Python的bisect_left函数通过二分查找高效定位有序列表插入位置,与bisect_right的区别在于处理重复元素时... 目录一、bisect_left 基本介绍1.1 函数定义1.2 核心功能二、bisect_left 与

IDEA中Maven Dependencies出现红色波浪线的原因及解决方法

《IDEA中MavenDependencies出现红色波浪线的原因及解决方法》在使用IntelliJIDEA开发Java项目时,尤其是基于Maven的项目,您可能会遇到MavenDependenci... 目录一、问题概述二、解决步骤2.1 检查 Maven 配置2.2 更新 Maven 项目2.3 清理本

java中BigDecimal里面的subtract函数介绍及实现方法

《java中BigDecimal里面的subtract函数介绍及实现方法》在Java中实现减法操作需要根据数据类型选择不同方法,主要分为数值型减法和字符串减法两种场景,本文给大家介绍java中BigD... 目录Java中BigDecimal里面的subtract函数的意思?一、数值型减法(高精度计算)1.