toggle()隱藏問題的解決方法

2019-11-20 21:05:59

字體：大中小

供稿：網(wǎng)友

最近編寫一個實(shí)例的時候使用到toggle函數(shù)，但是調(diào)用的時候會把元素隱藏掉，之前使用過也只是多個事件輪流切換罷了。百思不得其解于是就在網(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.
在早期的版本，存在兩個同名的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.
而之后的版本把第一個toggle()函數(shù)給去掉了，導(dǎo)致用于調(diào)用切換功能時會把元素隱藏了。
========================
既然去掉了這個函數(shù)，但是實(shí)現(xiàn)需求還是要的。怎么來實(shí)現(xiàn)多個事件的輪流切換了？
可以通過click事件判斷不同的情況來觸發(fā)，或者通過設(shè)置一個變量計數(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)動作（如果存在） 
}); 