javascript - 在 javascript/jQuery 中取消 'on' 事件

Question

我的代码中有以下 jQuery 脚本，它在 CSS 动画结束时执行:

$('.player').on('webkitAnimationEnd', function() {
    gameOver();
});

我想知道如何取消或取消设置它，以便在动画结束时不再执行 gameOver 函数。

Answer 1

选项 1:.one()

这将运行一次并且永远不会再次运行，直到再次绑定(bind)此代码。

$('.player').one('webkitAnimationEnd', function() {
    gameOver();
});

http://api.jquery.com/one/

---

选项 2:.off()

像这样使用 off:

$('.player').on('webkitAnimationEnd', function() {
     gameOver();
});

function gameOver() {        
     $('.player').off('webkitAnimationEnd');
}

http://api.jquery.com/off/

---

选项 3

如果你有多个动画事件绑定(bind)到同一个元素，使用命名空间来区分:

$('.player').on('webkitAnimationEnd.gameOver', function() {
        gameOver();
});

function gameOver() {        
     $('.player').off('webkitAnimationEnd.gameOver');
}