如何只注冊一次點擊事件？

Question

我試圖將click事件一次注冊到項目中的元素。

我的代碼簡略，基本上我的結構如下所示：

function objectParent(){

}

objectParent.prototype.click=function()(

   $('#create').click(function(){
     var var1=new objectchild();
         var1.add();
   })

}

function objectchild(){

}

objectchild.prototype.add=function()(

  //The '#aButton' click event will be registered 4 times if the '#create' button is clicked 4 times.
  //so the alert will pop 4 times when 'aButton' is clicked which is not what I wanted.

  //I can use $('#aButton').unbind('click') to remove the click event but I have many buttons in my project
  //and I want to have better solution for this.

  $('#aButton').click(function(){
     alert('click')
   })

}

var test=new objectParent()
    test.click();

html

<a id='create' href='#'>test</a>

//everytime this <a> is clicked, it will create a new objectchild object 
//after click 4 times of this button and click 'aButton', it will pop the alert box 4 times
//I know it register click event 4 times to the 'aButton' 
//I only want to pop the alert box once.

//I can use $('#aButton').unbind('click); to remove the click event but I have many many buttons in my codes
//ex bButton, cButton...etc. I want to have a better approach for my codes.

<a id='aButton' href='#'>button</a>

我希望我能很好地解釋我的問題。 謝謝您的幫助！

Answer 1

做就是了：

$('#aButton').one('click', function(){
     alert('click')
});

Answer 2

嘗試：

var clickHandler = function(event) {
  $('#element').unbind('click', clickHandler);
  ...
} 
$('#element').on('click', clickHandler);

http://jsfiddle.net/zYGhz/

Answer 3

我認為納爾遜（Nelson）和亞歷克斯（Alex）必須誤解了飛貓（FlightCat）的要求...
one（）方法只能確保已注冊的處理程序僅被調用一次，
但是如果開發人員多次調用one（）方法（就像在FlyingCat的場景中一樣），

 for (var i = 0; i < 3; i++) {
     $("#element").one(function() {
          alert(1);
     })
 }

單擊每個注冊的處理程序一次，因此問題仍未解決。
Kolink的答案是正確的，您必須進行一些小的更改。

Answer 4

到目前為止，最簡單的方法是確保在附加新的objectchild的click功能之前，將其刪除。 還有其他方法，但是代碼會更多。

objectchild.prototype.add = function(){
    $('#aButton').off('click.x').on('click.x'function(){
        alert('click');
    });
};

.x用於命名事件的名稱空間。 這允許.off('click.x')進行操作而不會影響代碼中其他位置可能附加的其他單擊處理程序。 如果沒有附加其他單擊處理程序，則嚴格不需要命名空間，但這不會造成任何危害。

您可能希望將.x替換為更有意義的內容。