jQuery--解決單擊和雙擊的沖突問(wèn)題
今天,在幫組里做一個(gè)bottom navigation(底部的導(dǎo)航條),樣式如下:
十余年的新榮網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都營(yíng)銷網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整新榮建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“新榮網(wǎng)站設(shè)計(jì)”,“新榮網(wǎng)站推廣”以來(lái),每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
單擊不會(huì)產(chǎn)生任何問(wèn)題,快速單擊兩次可能就有問(wèn)題了。為了解決這個(gè)問(wèn)題,查了一下網(wǎng)上的資料。知道為了防止快速雙擊所產(chǎn)生的問(wèn)題,必須要想辦法“屏蔽”連續(xù)雙擊中的一次。如果雙擊,我們可以只是忽略后面一次單擊。JS window的 setTimeout(function(){},**ms) 和 clearTimeout(var timer) 派上了用場(chǎng)。
- var click=0;
- //show toolbar and hide the 'show' button
- $("span.showbar a").click(function() {
- click++;
- if(click===1){
- var timeout_2=window.setTimeout(function(){
- $('#toolbar').slideToggle('slow');$('#toolbarbut').fadeOut('fast');click=0;},500);
- }else{
- window.clearTimeout(timeout_2);
- click=0;
- }
- });
如果在500ms內(nèi),就產(chǎn)生了第二次點(diǎn)擊,那么第二次點(diǎn)擊我們不做處理,直接觸發(fā)執(zhí)行第一次的
處理函數(shù)。clearTimeout的意思就是“不要延遲,直接執(zhí)行了”。
這樣子,就解決了問(wèn)題。:)
新聞名稱:jQuery--解決單擊和雙擊的沖突問(wèn)題
分享路徑:http://www.xueling.net.cn/article/iphieg.html