Question

我有一个适当的分页代码，但是当点击下一页时，它会显示内容，但不会重新加载整个内容。

任何人请帮帮我

$(document).ready(function(){

    $catid = $("#catid").val();
    //alert("catid"+$catid);

    //Loading Image Display
    function Display_Load()
    {
        $("#loading").fadeIn(100);
        $("#loading").html("<img src='loading.gif' />");
    }
    //Hide Loading Image
    function Hide_Load()
    {
        $("#loading").fadeOut('slow');
    };

   //Default Starting Page Results

    $("#pagination li:first").css({'color' : '#FF0084','border' : 'none'});
    $("#content").load("dataindex.php?page=1&catid="+$catid, Hide_Load());

    //Pagination Click
    $("#pagination li").click(function(){
        Display_Load();

        //CSS Styles
        $("#pagination li")
        .css({'border' : 'solid #dddddd 1px'})
        .css({'color' : '#0063DC'});

        $(this)
        .css({'color' : '#FF0084'})
        .css({'border' : 'none'});

        //Loading Data
        var pageNum = this.id;
        $("#content").load("dataindex.php?page=" + pageNum+"&catid="+$catid, Hide_Load());
    });
});

Answer 1

$("#pagination li").click(function(){
Display_Load();

//CSS Styles
$("#pagination li")
.css({'border' : 'solid #dddddd 1px'})
.css({'color' : '#0063DC'});

$(this)
.css({'color' : '#FF0084'})
.css({'border' : 'none'});

//Loading Data
var pageNum = this.id;

$("#content").empty().load("dataindex.php?page=" + pageNum+"&catid="+$catid, Hide_Load()); });

尝试在.load（）
之前使用.empty（）

无法在php中分页时重新加载页面

1 个答案: