javascript - 第一次单击后如何停止jQuery代码块执行

我正在使用jQuery。每次我单击与class =“ panda”关联的div时，它都会执行以下代码块。但我希望它仅在我单击该div时才执行。
这是我的代码-

$(document).ready(function(){

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

})

希望你们能帮助我。

最佳答案

使用one：

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

从jQuery文档中：


  one():将处理程序附加到元素的事件。每个事件类型的每个元素最多只能执行一次处理程序。