toggle()隐藏问题的解决方法
更新时间：2014年02月17日 10:14:38 作者：
一个实例中使用到toggle函数，但是调用的时候会把元素隐藏掉，经搜索终于找到了原因，需要的朋友可以参考下
最近编写一个实例的时候使用到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(); //阻止元素的默认动作（如果存在）
});
原来在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(); //阻止元素的默认动作（如果存在）
});
相关文章
jQuery模拟实现的select点击选择效果【附demo源码下载】
这篇文章主要介绍了jQuery模拟实现的select点击选择效果,涉及jQuery响应鼠标点击动态修改页面元素样式的相关操作技巧,并附带demo源码供读者下载,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了jQuery实现滚动到底部时自动加载更多的方法,涉及jQuery基于ajax动态操作页面元素相关实现技巧,需要的朋友可以参考下2018-02-02
这篇文章主要介绍了jQuery旋转木马式幻灯片轮播特效，很全面的图片轮播，特别适合用与产片展示，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了用模版生成HTML的的框架jquery.tmpl使用详解,需要的朋友可以参考下2015-01-01
前些天写了两篇关于jQuery表单验证的文章，jQuery的插件还存在诸多问题，但是本人还在不断努力更新中。本篇文章主要介绍jQuery表单验证中输入文本内容的范围验证。2010-10-10
这篇文章主要为大家详细介绍了Jquery上传插件webupload的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
用jQuery取值，当一个id中含有.时，这个时候正常的取法是做不到的，因此请看下文2014-05-05
这篇文章介绍了jQuery操作CSS样式的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起通过本篇文章学习jquery.extend函数及用法详解吧2015-09-09
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
下面小编就为初学者们分享一篇(模仿京东用户注册)用JQuery实现简单表单验证，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
最新评论