Question

我有一个div，在其中将页面与数据库中的数据列表一起加载到页面中。目的是将列表分成页面，并通过单击链接来导航页面，而无需刷新页面。

以下代码在div中加载页面，在div中更新页面，但仅允许单击页面加载。我不确定在div中发生更新时如何允许点击。基本上，我可以单击到第2页，但不能单击回到第1页或转到第3页。单击不会产生任何结果。当我转到第2页时，这些链接正确链接到第1页和第3页。我不知道如何将click函数应用于加载和html。

$('#display-list').load('list.php', function() {
    $("#list-next-page").click(function(){
        var page=$("#list-next-page").val();
            $.ajax({
                url:'list.php?page_id=' + page,
                method:'GET',
                data:{
                    page:page,
                },
                success:function(data){
                    $('#display-list').html(data);
                }
            });
    }); 
});

Answer 1

执行以下操作似乎可行：

$('#display-list').load('list.php', function() {
    $("#list-next-page").click(handleClick);
}); 

function handleClick(){
        var page=$("#list-next-page").val();
        $.ajax({
            url:'list.php?page_id=' + page,
            method:'GET',
            data:{
                page:page,
            },
            success:function(data){
                $('#display-list').html(data);
                $("#list-next-page").click(handleClick);
                $("#list-prev-page").click(handleClick);
            }
     });    
}

我必须对其进行修改，以正确传递下一个和上一个链接的页码。

jQuery / Ajax帮助-在div中加载页面，在div中更新页面，然后单击

1 个答案: