在加载文档后添加内容时，Jquery不执行

Question

我使用以下脚本在博客上的帖子上制作喜欢

$('.like-unlike').on('click',function() {
    if ($(this).html() == " Like ") {
        postID = this.id.replace('post_', '');


        $.ajax({
            url: 'auth/classes/comments.php',
            type: 'GET',
            data: 'token=<?php echo $token; ?>&post='+escape(postID)+'&like=yes',

            success: function(data) {
                console.log(data);}
        });
        $('.right#stats_'+postID).text(function (idx, text) {
            text = $.trim(text);
            var count = parseInt(text.match(/^(\d+)/), 10) || 0;
            return text.replace(/^\d+/, ++count);
        });
        $(this).html('&nbsp;Liked&nbsp;');
    }

我实现了一个分页脚本，在页面加载后向服务器发送请求，以便在文档下载后将内容添加到页面中..现在我喜欢的脚本无效..如果我运行此脚本它运行的萤火虫，请帮忙

Answer 1

尝试：

$('body').on('click','.like-unlike',function() {
    ...
});

Answer 2

$(document).on('click','.like-unlike',function() {

Read about event delegation

Answer 3

将事件处理程序更改为委派样式 -

$('body').on('click', '.like-unlike', function() {