toggle()隱藏問題的解決方法
更新時(shí)間：2014年02月17日 10:14:38 作者：
一個(gè)實(shí)例中使用到toggle函數(shù)，但是調(diào)用的時(shí)候會(huì)把元素隱藏掉，經(jīng)搜索終于找到了原因，需要的朋友可以參考下
最近編寫一個(gè)實(shí)例的時(shí)候使用到toggle函數(shù)，但是調(diào)用的時(shí)候會(huì)把元素隱藏掉，之前使用過也只是多個(gè)事件輪流切換罷了。百思不得其解于是就在網(wǎng)上搜索查看jQuery API文檔。終于發(fā)現(xiàn)了原因：
原來在jQuery 1.9版本之后，toggle()發(fā)生了變化，以下是官網(wǎng)的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.
在早期的版本，存在兩個(gè)同名的toggle()，但是所執(zhí)行的方法卻是不一樣的：
.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.
而之后的版本把第一個(gè)toggle()函數(shù)給去掉了，導(dǎo)致用于調(diào)用切換功能時(shí)會(huì)把元素隱藏了。
========================
既然去掉了這個(gè)函數(shù)，但是實(shí)現(xiàn)需求還是要的。怎么來實(shí)現(xiàn)多個(gè)事件的輪流切換了？
可以通過click事件判斷不同的情況來觸發(fā)，或者通過設(shè)置一個(gè)變量計(jì)數(shù)點(diǎn)擊次數(shù)來執(zhí)行不同的函數(shù)。
var num=0;
$('#button').click(function(e){
if(num++ %2 == 0){
//doSomething
}else{
//doOtherSomething
}
e.preventDefault(); //阻止元素的默認(rèn)動(dòng)作（如果存在）
});
原來在jQuery 1.9版本之后，toggle()發(fā)生了變化，以下是官網(wǎng)的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.
在早期的版本，存在兩個(gè)同名的toggle()，但是所執(zhí)行的方法卻是不一樣的：
.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.
而之后的版本把第一個(gè)toggle()函數(shù)給去掉了，導(dǎo)致用于調(diào)用切換功能時(shí)會(huì)把元素隱藏了。
========================
既然去掉了這個(gè)函數(shù)，但是實(shí)現(xiàn)需求還是要的。怎么來實(shí)現(xiàn)多個(gè)事件的輪流切換了？
可以通過click事件判斷不同的情況來觸發(fā)，或者通過設(shè)置一個(gè)變量計(jì)數(shù)點(diǎn)擊次數(shù)來執(zhí)行不同的函數(shù)。
復(fù)制代碼 代碼如下:
var num=0;
$('#button').click(function(e){
if(num++ %2 == 0){
//doSomething
}else{
//doOtherSomething
}
e.preventDefault(); //阻止元素的默認(rèn)動(dòng)作（如果存在）
});
相關(guān)文章
Easyui Datagrid自定義按鈕列(最后面的操作列)
做項(xiàng)目的時(shí)候因?yàn)樾枨?要在表格的最后添加一列操作列,easyUI貌似沒有提供這種功能，下面我們來自定義按鈕列，具體實(shí)現(xiàn)代碼，大家參考下本文吧2017-07-07
jQuery EasyUI NumberBox(數(shù)字框)的用法
jQuery EasyUI 數(shù)字框(NumberBox)用法2010-07-07
JavaScript/jQuery、HTML、CSS 構(gòu)建 Web IM 遠(yuǎn)程及時(shí)聊天通信程序
這篇文章主要介紹用JavaScript和jQuery、HTML、CSS以及用第三方聊天JavaScript（jsjac）框架構(gòu)建一個(gè)BS Web的聊天應(yīng)用程序。此程序可以和所有連接到Openfire服務(wù)器的應(yīng)用進(jìn)行通信、發(fā)送消息。如果要運(yùn)行本程序還需要一個(gè)聊天服務(wù)器Openfire2012-08-08
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)下載圖片的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了封裝的jquery翻頁滾動(dòng)。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
jquery css實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全
這篇文章主要為大家詳細(xì)介紹了jquery css實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
基于jQuery.Hz2Py.js插件實(shí)現(xiàn)的漢字轉(zhuǎn)拼音特效
jQuery.Hz2Py.js插件實(shí)現(xiàn)的漢字轉(zhuǎn)拼音是一款很實(shí)用的在線轉(zhuǎn)換功能，此插件已經(jīng)把漢字打包成一個(gè)插件庫，調(diào)用的時(shí)間很簡單，只調(diào)用一個(gè)方法就可以實(shí)現(xiàn)轉(zhuǎn)換了2015-05-05
jQuery實(shí)現(xiàn)的彈幕效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的彈幕效果,結(jié)合完整實(shí)例形式分析了jQuery通過結(jié)合時(shí)間函數(shù)控制輸入文字與樣式的漸變實(shí)現(xiàn)彈幕效果,需要的朋友可以參考下2017-09-09
jquery創(chuàng)建一個(gè)ajax關(guān)鍵詞數(shù)據(jù)搜索實(shí)現(xiàn)思路
我們經(jīng)常需要在前臺(tái)頁面輸入關(guān)鍵詞進(jìn)行數(shù)據(jù)的搜索這已經(jīng)成為了一種習(xí)慣今天給大家分享一下如何使用 jQuery，MySQL和Ajax創(chuàng)建簡單和有吸引力的Ajax搜索,感興趣的你可不要錯(cuò)過了哈2013-02-02
jQuery 文本框得失焦點(diǎn)的簡單實(shí)例
本篇文章主要是對(duì)jQuery 文本框得失焦點(diǎn)的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02