• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > toggle()隐藏问题的解决方法

toggle()隐藏问题的解决方法

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了toggle,隐藏等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
最近编写一个实例的时候使用到toggle函数,但是调用的时候会把元素隐藏掉,之前使用过也只是多个事件轮流切换罢了。百思不得其解于是就在网上搜索查看jQuery API文档。终于发现了原因:
原来在jQuery 1.9版本之后,toggle()发生了变化,以下是官网的Notes:
Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation methodnamed .toggle() that toggles the visibility of elements. Whether the animation or the event method is fired depends on the set of argumentspassed.
在早期的版本,存在两个同名的toggle(),但是所执行的方法却是不一样的:
.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )
Description: Bind two or more handlers to the matched elements, to be executed on alternate clicks.
=====================================================
.toggle( [duration ] [, complete ] )
Description: Display or hide the matched elements.
而之后的版本把第一个toggle()函数给去掉了,导致用于调用切换功能时会把元素隐藏了。
========================
既然去掉了这个函数,但是实现需求还是要的。怎么来实现多个事件的轮流切换了?
可以通过click事件判断不同的情况来触发,或者通过设置一个变量计数点击次数来执行不同的函数。
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery复合事件结合toggle()方法的用法示例
  • slideToggle+slideup实现手机端折叠菜单效果
  • jquery 中toggle的2种用法详解(推荐)
  • 使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
  • jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
  • jquery点击改变class并toggle的实现代码
  • 实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
  • jQuery toggle 代替方法
  • jQuery点击改变class并toggle及toggleClass()方法定义用法
  • jquery中toggle函数交替使用问题

相关文章

  • jQuery特殊符号转义的实现
  • JQuery中serialize()、serializeArray()和param()方法示例介绍
  • jquery实现图片按比例缩放示例
  • 经典海量jQuery插件 大家可以收藏一下
  • jQuery插件支持同一页面被多次调用
  • 自写的一个jQuery圆角插件
  • jquery 简单图片导航插件jquery.imgNav.js
  • input:checkbox多选框实现单选效果跟radio一样
  • 一句jQuery代码实现返回顶部效果(简单实用)
  • Jquery插件之多图片异步上传

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • IE下支持文本框和密码框placeholder效果的JQuery插件分享
    • 读jQuery之二(两种扩展)
    • jQuery插件ajaxFileUpload使用实例解析
    • jquery 选取方法都有哪些
    • jquery实现checkbox全选全不选的简单实例
    • 基于jQuery实现中英文切换导航条效果
    • jquery 注意事项与常用语法小结
    • jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
    • jQuery使用after()方法在元素后面添加多项内容的方法
    • 在页面加载完成后通过jquery给多个span赋值

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有