javascript - 我更改了类的元素上的火灾事件

Question

如果我做错了，我很抱歉。这是我第一次在这里问一些事情。我也为我糟糕的英语感到抱歉。

听着，我有麻烦了。我只为我和我的 friend 创建一个迷你社交网络。我对 jQuery/Ajax 很陌生，所以他们说我的页面太静态，他们必须做的任何事情，页面都会刷新，这太糟糕了。然后我决定学习一些“动态”的东西，但我开始遇到一些问题。

所以，我有一个“类似”(哈哈)按钮，我想创建一个“类似(撤消)”按钮。

我会尝试模拟我的问题:

<a class="like">Like</a>
$('.like').click(function(){
     //Like in database
     $(this).html('Like(Undo)');
     $(this).removeClass('like');
     $(this).addClass('like-undo');
});

因此，当我单击时，它将触发“like”集体操作，而不是“like-undo”。谁能帮我？我已经快死了。

如果我做错了一次，我很抱歉。

Answer 1

事件处理程序绑定(bind)到元素。当您更改元素的类时，不会更改绑定(bind)到该元素的处理程序。幸运的是，对于这种情况，如果使用 event delegation 就可以获得这种行为。 :

$('some-common-container').on('click', '.like', function() {
    //...
});

$('some-common-container').on('click', '.like-undo', function() {
    //...
});