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

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

$(document).ready(function(){

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

})

希望你们能帮助我。

使用：

---

从jQuery文档：

one（）：

将处理程序附加到元素的事件。对于每个事件类型，每个元素最多执行一次处理程序

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