如何在第一次点击后停止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():附加的处理程序为元素的事件。处理程序每​​个事件类型每个元素最多执行一次。