使用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-开始计）一个新的按钮，这样我可以使用新的变量了新的要求。当页面加载时，第一个加载的$ .get很好，但当用户点击按钮时，没有任何反应，没有请求被发送。有人能告诉我我错过了什么吗？

Answer 1

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