Question

我正在实现类似的功能，这是我遇到的挑战。

用户点击之后，下面的js运行并从服务器呈现一个字符串，这是一个局部视图。然后我有不同的链接/图标，使用户不像它。但是我无法点击它，即;链接已经死了，没有火。死。

$('.like-button').click(function() {
    var btn = $(this);
    var projectid = btn.attr('id').replace('like_', '');

    $.post('/Projects/Like', {
        projectid: projectid
    }).done(function(data) {

        if (data.likePart) {
            $('#likepart_' + projectid).html(data.likePart);
        }
    });

    return false;
});

编辑：

这是html：

{"likePart":"\u003cspan class=\"badge bg-aqua\" id=\"count_10\"\u003e\r\n 0\r\n\u003c/span\u003e\r \n\r\n \u003ca href=\"#\" id=\"like_10\" class=\"like-button\"\u003e\r\n \u003ci class=\"fa fa-heart-o\" style=\"color: #ff0000;\"\u003e\u003c/i\u003e\r\n \u003c/a\u003e\r\n\r\n\r\n\r\n\r\n \u003cspan\u003e İlk beğenen siz olun.\u003c/span\u003e\r\n"}

如何确保链接返回后，用户可以点击它？

感谢。

Answer 1

您应该使用on：

$(document/parentSelector).on('click', '.like-button', function() {
    // Your code here
});

启用链接至少被点击两次

1 个答案: