如何在第一次點擊後停止jQuery代碼塊執行

Question

我正在使用jQuery。每次我點擊與class =「panda」關聯的div時，它都會執行下面的代碼塊。但我希望它只在第一次執行時單擊該div。 這是我的代碼 -

$(document).ready(function(){ 

$('.panda').click(function(){ 
$('.panda').sprite({fps: 10, no_of_frames: 4}); 
}) 

}) 

希望你們能幫助我。

Answer 1

使用one：

$(document).ready(function(){ 
    $('.panda').one('click', function(){ 
     $('.panda').sprite({fps: 10, no_of_frames: 4}); 
    }); 
}); 

---

從jQuery的文檔：

one():附加的處理程序爲元素的事件。處理程序每​​個事件類型每個元素最多執行一次。