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的固定表格头部的代码(IE6,7,8测试通过)
May 18 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
Dec 08 Javascript
AngularJS入门教程之AngularJS 模板
Aug 18 Javascript
Angular实现的简单定时器功能示例
Dec 28 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
JS实现点击按钮随机生成可拖动的不同颜色块示例
Jan 30 Javascript
JS实现处理时间,年月日,星期的公共方法示例
May 31 Javascript
RxJS在TypeScript中的简单使用详解
Apr 13 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
Sep 17 Javascript
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 Vue.js
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中使用Oracle数据库(1)
2006/10/09 PHP
PHP通用检测函数集合
2006/11/25 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
PHP7标量类型declare用法实例分析
2016/09/26 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
laravel通过创建自定义artisan make命令来新建类文件详解
2017/08/17 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
IE8 chrome中table隔行换色解决办法
2010/07/09 Javascript
JS JQUERY实现滚动条自动滚到底的方法
2015/01/09 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
JS表单数据验证的正则表达式(常用)
2017/02/18 Javascript
微信小程序 chooseImage选择图片或者拍照
2017/04/07 Javascript
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
3种vue组件的书写形式
2017/11/29 Javascript
Vue组件的使用教程详解
2018/01/05 Javascript
微信小程序实现左右联动的实战记录
2018/07/05 Javascript
小程序清理本地缓存的方法
2018/08/17 Javascript
vue插槽slot的理解和使用方法
2019/04/03 Javascript
更强大的vue ssr实现预取数据的方式
2019/07/19 Javascript
JS+CSS实现随机点名(实例代码)
2019/11/04 Javascript
使用vue引入maptalks地图及聚合效果的实现
2020/08/10 Javascript
python数据结构之二叉树的建立实例
2014/04/29 Python
Python数据结构与算法之完全树与最小堆实例
2017/12/13 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
个人收入证明范本
2014/01/12 职场文书
优秀教师演讲稿
2014/05/06 职场文书
暑期培训班招生方案
2014/08/26 职场文书
关于读书的演讲稿1000字
2014/08/27 职场文书
收费员岗位职责
2015/02/14 职场文书
2015年工会工作总结范文
2015/07/23 职场文书
运动会100米广播稿
2015/08/19 职场文书
保护环境建议书作文300字
2015/09/14 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL