javascript - 使用 jQuery .one 的逻辑

Question

使用 jQuery 的 .one事件处理程序在第一次点击时进行设置，在下一次/后续点击时进行其他设置，是否可以更优雅地编写此代码:

$('#start').one('click', function(){
    alert('one');

    // could also be .on for subsequent clicks
    $(this).one('click', function(){
        alert('two');    
    });

});

Example fiddle

更新:我希望有一个使用 .one 的 jQuery 模式像这样self-defining function ,但正在阅读the source for .one()它只是 .on() 的扩展

Answer 1

var clickIndex = 0;
$('#start').on('click', function(){
    alert(++clickIndex);
});

您可以在此处放置一个 switch 语句或一个 if block ，以根据用户点击的次数运行不同的代码。如果 .one 监听器取消绑定(bind)对您来说很重要，那么当 clickIndex 指示您已完成绑定(bind)时，只需使用 .off。