JQUERY 'on' 语句不起作用

Question

我有一个简单的按钮，单击该按钮后会更改其类别。我有第二个脚本，它尝试检测再次单击该类。

它们需要能够被点击打开和关闭。

////单击存档按钮 WORKS////单击取消存档按钮不起作用

Jquery 1.9

//// Archive button clicked
$('a.archive_butt').on("click", function() {

    //// Put the li in as an object
    var li = $(this).parent('li');
    var entry_id = $(li).attr('rel');

    //// Add class to the li            
    $(li).addClass('status_archived');

    //// Swap the Archive button for unarchive
    $(this).addClass('unarchive_butt');
    $(this).removeClass('archive_butt');
    $(this).empty();
    $(this).text('Un-Archive');

    return false;
});



//// Un Archive button clicked
$('a.unarchive_butt').on("click", function() {
    alert('Fire');  
    return false;
});

Answer 1

当您调用 .on 时，click 事件已绑定(bind)，但调用它时不存在 unarchive_butt 类的元素，因此它永远不会绑定(bind)。

您真正想要的是旧的 jQuery .live() 功能，该功能已过时，有利于以下代码:

$('body').on('click', 'a.archive_butt', function() {
    //do stuff
});

$('body').on('click', 'a.unarchive_butt', function() {
    //do stuff
});