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


Posted in Javascript onFebruary 17, 2014

最近编写一个实例的时候使用到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事件判断不同的情况来触发,或者通过设置一个变量计数点击次数来执行不同的函数。

var num=0; 
$('#button').click(function(e){ 
if(num++ %2 == 0){ 
//doSomething 
}else{ 
//doOtherSomething 
} 
e.preventDefault(); //阻止元素的默认动作(如果存在) 
});
Javascript 相关文章推荐
Jquery 基础学习笔记之文档处理
May 29 Javascript
表格单元格交错着色实现思路及代码
Apr 01 Javascript
event对象获取方法总结在google浏览器下测试
Nov 03 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
Mar 16 Javascript
实例讲解JavaScript中的this指向错误解决方法
Jun 13 Javascript
JS获取及验证开始结束日期的方法
Aug 20 Javascript
轻松搞定js表单验证
Oct 13 Javascript
js正则表达式验证表单【完整版】
Mar 06 Javascript
Iscrool下拉刷新功能实现方法(推荐)
Jun 26 Javascript
vue弹窗组件使用方法
Apr 28 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 Javascript
vue2路由基本用法实例分析
Mar 06 Javascript
Jquery获取和修改img的src值的方法
Feb 17 #Javascript
Jquery在指定DIV加载HTML示例代码
Feb 17 #Javascript
javascript 密码框防止用户粘贴和复制的实现代码
Feb 17 #Javascript
javascript 实现子父窗体互相传值的简单实例
Feb 17 #Javascript
javascript 回到顶部效果的实现代码
Feb 17 #Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 #Javascript
JavaScript省市联动实现代码
Feb 15 #Javascript
You might like
php开发工具之vs2005图解
2008/01/12 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
php上传图片获取路径及给表单字段赋值的方法
2016/01/23 PHP
PHP快速生成各种信息提示框的方法
2016/02/03 PHP
理解php依赖注入和控制反转
2016/05/11 PHP
JS面向对象编程之对象使用分析
2010/08/19 Javascript
30个最佳jQuery Lightbox效果插件分享
2011/04/11 Javascript
JQuery each打印JS对象的方法
2013/11/13 Javascript
js构造函数、索引数组和属性的实现方式和使用
2014/11/16 Javascript
JavaScript图片轮播代码分享
2015/07/31 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
2016/10/27 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
深入理解vue中的$set
2017/06/01 Javascript
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
React实现类似淘宝tab居中切换效果的示例代码
2020/06/02 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
python实现Floyd算法
2018/01/03 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
使用Python合成图片的实现代码(图片添加个性化文本,图片上叠加其他图片)
2020/04/30 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
Keras实现DenseNet结构操作
2020/07/06 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
手术室护士自我鉴定
2013/10/14 职场文书
毕业学生推荐信
2013/12/01 职场文书
家长会学生家长演讲稿
2013/12/29 职场文书
爱岗敬业演讲稿范文
2014/01/14 职场文书
模具专业自荐信
2014/05/29 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
幼儿园小朋友毕业感言
2015/07/30 职场文书
初一语文教学反思
2016/03/03 职场文书
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python