運行jQuery的事件處理程序只有一次

Question

我嘗試使用jQuery的事件只有一次，我有以下功能：

function usrPlay() { 
    var flag = true; 
    while (flag === true) { 
     $(".pincha").click(function() { 
      console.log($(this).attr("value")); 
      flag = false; 
     }); 
    } 
} 

但是...看來，這使得一個無限循環，但我can`不明白爲什麼。 有什麼幫助嗎？謝謝！！

Answer 1

但是...看來，這使得一個無限循環，但我可以`噸明白爲什麼。

這是因爲你只附加循環內的事件，事件處理程序不會在循環內部執行，所以標誌不會更改爲false。
而且您可能需要使用全局變量flag而不是本地變量，因爲事件處理函數不會在usrPlay函數的作用域中執行。試試這個：

function usrPlay(){ 
    window.flag = true; 
    $(".pincha").click(function(){ 
    if (window.flag === true){ 
     console.log($(this).attr("value")); 
     window.flag = false; 
    } 
    }); 
} 

Answer 2

爲此，jQuery有一個名爲.one()的函數。

您可以使用下面的代碼來解決您的問題。

$(".pincha").one("click", function(){ 
    console.log($(this).attr("value")); 
}); 

更多信息有關.one()

http://api.jquery.com/one/