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