使用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在页面加载时加载得很好，但是当用户单击更多按钮时，没有任何反应，也没有发送请求。有谁能告诉我我错过了什么吗？

- Kr0n0s

Answer 1

使用live('click')代替click()。您不能使用click()绑定动态加载的内容。这很可能是jQuery点击事件第二次不起作用的重复问题。

- flesk