jquery - 使用 jquery 从 ajax 增量加载项目

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() 绑定(bind)到动态加载的内容。这很可能是 jQuery click event doesn't work the second time 的重复项