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(); //阻止元素的默认动作（如果存在）
});
相关文章
Easyui Datagrid自定义按钮列(最后面的操作列)
做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能，下面我们来自定义按钮列，具体实现代码，大家参考下本文吧2017-07-07
jQuery EasyUI NumberBox(数字框)的用法
jQuery EasyUI 数字框(NumberBox)用法2010-07-07
JavaScript/jQuery、HTML、CSS 构建 Web IM 远程及时聊天通信程序
这篇文章主要介绍用JavaScript和jQuery、HTML、CSS以及用第三方聊天JavaScript（jsjac）框架构建一个BS Web的聊天应用程序。此程序可以和所有连接到Openfire服务器的应用进行通信、发送消息。如果要运行本程序还需要一个聊天服务器Openfire2012-08-08
这篇文章主要为大家详细介绍了jquery实现下载图片的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要介绍了封装的jquery翻页滚动。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要为大家详细介绍了jquery css实现邮箱自动补全功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
jQuery.Hz2Py.js插件实现的汉字转拼音是一款很实用的在线转换功能，此插件已经把汉字打包成一个插件库，调用的时间很简单，只调用一个方法就可以实现转换了2015-05-05
这篇文章主要介绍了jQuery实现的弹幕效果,结合完整实例形式分析了jQuery通过结合时间函数控制输入文字与样式的渐变实现弹幕效果,需要的朋友可以参考下2017-09-09
我们经常需要在前台页面输入关键词进行数据的搜索这已经成为了一种习惯今天给大家分享一下如何使用 jQuery，MySQL和Ajax创建简单和有吸引力的Ajax搜索,感兴趣的你可不要错过了哈2013-02-02
本篇文章主要是对jQuery 文本框得失焦点的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
最新评论