我該如何處理這些嵌套事件？

Question

我有嵌套的事件

認爲這是一個問題的html代碼：

<button id="first">first button </button> 

<button id="second">second button </button> 

這是jQuery代碼：

$(document).ready(function() { 
$('#first').click(function() { 
    $('#second').click(function() { 
     alert('test'); 
    }); 
}); 

}）;

當第一個按鈕被點擊n次...然後單擊第一個按鈕一次..警報顯示n次。

我要處理這個問題：

成爲當點擊第一個按鈕N次......然後在第一個按鈕點擊一次..顯示警報一個次

但不使用one()方法

Answer 1

只需使用off()解除綁定事件：

$(document).ready(function() { 
    $('#first').click(function() { 
     $('#second').off('click').click(function() { 
      alert('test'); 
     }); 
    }); 
}); 

Answer 2

你可以做到這一點 -

var isBind = false; 
$('#first').click(function() { 
    if(!isBind){ 
    $('#second').click(function() { 
     alert('test'); 
    }); 
    isBind = true; 
    } 
}); 

Answer 3

使用標誌（在線程概念中稱爲鎖）。

東西如：

$(document).ready(function() { 
    var clicked = false; 
    $('#first').click(function() { 
     clicked = true; 
    }); 
    $('#second').click(function() { 
     if(clicked){ 
      alert('test'); 
      clicked = false; 
     } 
    }); 
}); 

由於當window.clicked爲真時才使用第二事件。

我知道，這是醜陋的，但是..它的工作原理，它很容易理解。 （和它支持多個事件偵聽器，只記得改變對象window的屬性的名稱）