javascript - 具有更新类别的火灾事件

Question

我将点击时的链接类别更改为 class2 并且我想触发 class2 而不是 class1 的事件。我知道我可以手动检查新类然后触发()它。还有其他办法吗？

在这里摆弄:http://jsfiddle.net/usXa3/

HTML:

<a href="#" class="class1">Click me!</a>

我有 Jquery:

$('.class1').on('click', function(){
    console.log("class1 clicked");
    $(this).removeClass('class1').addClass('class2');
    $(this).off('click');
    //Do something here to fire class2 event.
});
$(document).on('click', 'class2', function(){
    console.log("class2 clicked");
});

我的解决方案 - 寻找替代方案:

$('.class1').on('click', function(){
    var thisClass = $(this).attr('class');
    if(thisClass == "class1");
    {
        $(this).removeClass('class1').addClass('class2');
    }
    else if(thisClass == "class2")
    {
        $(".class2").trigger( "click" );
    }
});

Answer 1

使用one()就像，

$('.class1').one('click', function(){
    alert("class1 clicked");
    $(this).toggleClass('class1 class2');
    //Do something here to fire class2 event. 
    $('.class2').on('click', function(){
        alert("class2 clicked");
    });
});

Demo