溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天，在幫組里做一個bottom navigation（底部的導航條），樣式如下：
單擊不會產生任何問題，快速單擊兩次可能就有問題了。為了解決這個問題，查了一下網上的資料。知道為了防止快速雙擊所產生的問題，必須要想辦法“屏蔽”連續雙擊中的一次。如果雙擊，我們可以只是忽略后面一次單擊。JS window的 setTimeout（function(){},**ms） 和 clearTimeout（var timer） 派上了用場。
- 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內，就產生了第二次點擊，那么第二次點擊我們不做處理，直接觸發執行第一次的
處理函數。clearTimeout的意思就是“不要延遲，直接執行了”。
這樣子，就解決了問題。：）
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
