如何防止調用一個函數多次jQuery中

Question

我有以下代碼：

$('#main-button').click(function(){ 

    $('#button').click(function(){ 
     alert('something'); 
    }); 
}); 

每當我點擊＃主按鈕，說3次，然後點擊＃鍵，3個彈出對話框出現。我該如何防止這種情況，所以無論點擊多少次＃按鈕，點擊＃按鈕時只會出現1個彈出框？

Answer 1

或者您可以使用此代碼：

$('#main-button').click(function(){ 

    $('#button').unbind("click").click(function(){ 
     alert('something'); 
    }); 
}); 

更新＃1

unbind從jQuery 1.7開始已棄用。改用off方法。

Answer 2

使用jQuery one，或解釋你正在嘗試做什麼，可以有更好的解決方案。

$('#main-button').click(function(){ 

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

例如，如果你的問題是像#button只有當你點擊#main-button然後使用jQuery on()使用代表團在適當的水平出現。（我用的代表團從文檔作爲例子並不清楚）

$('#main-button').click(function(){ 

}); 


$(document).on('click','#button',function(){ 
    alert('something'); 
}); 

Answer 3

如果只想爲#button點擊顯示彈出窗口，爲什麼要在＃主按鈕點擊函數中放置#button點擊函數？

你可以單獨使用它們;

$('#main-button').click(function(){ 

}); 


$('#button').click(function(){ 
    alert('something'); 
}); 

Answer 4

要麼寫：

$('#button').click(function(){ 
    alert('something'); 
    return false; 
}); 

或者，

$('#button').click(function(e){ 
    e.preventDefualt(); 
    alert('something'); 
}); 

我希望它能幫助。

Answer 5

一個簡單的解決辦法是設置一個變量的按鈕以外，然後改變該值在第一次被點擊

var clicked = 0; 
$('#button').click(function(){ 
    if(clicked === 0) { 
    alert('something'); 
    clicked = 1; 
    } 
}); 

Answer 6

的解決方案是在那裏。您的#main-button的事件處理程序會在您每次單擊它時爲其他按鈕分配一個點擊處理程序。因此，你會得到X警報。

兩種可能的快速修復，兩者不優雅，但只是告訴你哪裏出了問題：

var isAssigned = false; 
$('#main-button').click(function(){ 
    if (!isAssigned) { 
     $('#button').click(function(){ 
      alert('something'); 
     }); 
    } 
    isAssigned = true; 
}); 

或

function myHandler() { 
    $('#button').click(function(){ 
     alert('something'); 
    }); 
} 

$('#main-button').click(function(){ 
    $('#button').off('click', myHandler); 
    $('#button').on('click', myHandler); 
}); 

Answer 7

War10ck： 確實， 已更新代碼&小提琴。

最好的解決方案就是在鏈接被點擊時解除綁定點擊事件。

$(function() { 
    $('#link').on('click', function() { 
     if (!$(this).data('processing')) { 
      $(this).data('processing', true); 
      alert('A was clicked!!'); 
      $(this).data('processing', false); 
     } 
    }); 
}); 

http://jsfiddle.net/6jsgs/