我的代码中有以下 jQuery 脚本,它在 CSS 动画结束时执行:
$('.player').on('webkitAnimationEnd', function() {
gameOver();
});
我想知道如何取消或取消设置它,以便在动画结束时不再执行 gameOver
函数。
最佳答案
选项 1:.one()
这将运行一次并且永远不会再次运行,直到再次绑定(bind)此代码。
$('.player').one('webkitAnimationEnd', function() {
gameOver();
});
选项 2:.off()
像这样使用 off:
$('.player').on('webkitAnimationEnd', function() {
gameOver();
});
function gameOver() {
$('.player').off('webkitAnimationEnd');
}
选项 3
如果你有多个动画事件绑定(bind)到同一个元素,使用命名空间来区分:
$('.player').on('webkitAnimationEnd.gameOver', function() {
gameOver();
});
function gameOver() {
$('.player').off('webkitAnimationEnd.gameOver');
}
关于javascript - 在 javascript/jQuery 中取消 'on' 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27062551/