Question

任何人都可以帮我解决这个小代码吗？我正在尝试在页面开始时加载项目列表，然后当用户点击更多时，将逐步加载更多项目。

$(document).ready(function(){
    $.get('videos.php', { id: "<?php echo $ID; ?>", start: 0 }, function(data) {
        $('#list').html(data);
    });
});

$('.showmorevids').click(function() {
    var $input = $('.showmorevids span').attr('id').split('-');
    alert(input);
    $.get('videos.php', { id: input[0], start: input[1], total: input[2] }, function(data) {
        $('#list').html(data);
        alert("success");
    });
});

videos.php页面将返回一个项目列表和一个具有不同id（id-start-total）的新按钮，以便我可以将其用作新请求的新变量。第一个$ .get在页面加载时加载得很好，但是当用户点击按钮以获取更多信息时，没有任何反应，也没有发送任何请求。有人能告诉我我错过了什么吗？

Answer 1

使用live（'click'）而不是click（）。您无法使用click（）绑定到动态加载的内容。这很可能是jQuery click event doesn't work the second time

的副本

使用jquery从ajax逐步加载项目

1 个答案: