Javascript 分页代码

我只是php的初学者，我发现分页代码有困难。据我的客户说，他需要在顶部和底部进行分页。为此，我编写了如下代码：代码中说明我总共有8页要显示，每页有12条记录。它将在内联显示中工作到8页，但这看起来很奇怪。因此，我的管理层要求以这种格式执行

>

，每次页面更改时，都应显示下一个数字，但它只显示到4页，之后就不会显示下一页

<?php
$limit = 12;
$sql = "SELECT COUNT(*) FROM products WHERE type='1'";  
$rs_result = mysql_query($sql);  
$row = mysql_fetch_row($rs_result);  
$total_records = $row[0];  
$total_pages = ceil($total_records / $limit);
?>
<div align="center">
<ul class='pagination text-center' id="pagination">

<?php if(!empty($total_pages)):for ($i=1; $i <= $total_pages; $i++): 
        if($i == 1):?>
         <li class="page-item">
  <a class="page-link" href="granite.php?page=<?php echo $i;?>" aria-label="Previous">
    <span aria-hidden="true">&laquo;</span>
    <span class="sr-only">Previous</span>
  </a>
</li>
        <li class='current'  id="<?php echo $i;?>"><a href='granite.php?page=<?php echo $i;?>'><?php echo $i;?></a></li> 
        <?php else:?>
        <li id="<?php echo $i;?>"><a href='granite.php?page=<?php echo $i;?>'><?php echo $i;?></a></li>

    <?php endif;?>        
<?php endfor;endif;?> 
<li class="page-item">
    <a class="page-link" href="granite.php?page=<?php echo $i;?>" aria-label="Next">
     <span aria-hidden="true">&raquo;</span>
     <span class="sr-only">Next</span>
    </a>
          </div>

“它不起作用”不是一个很好的问题描述。需要更多信息。#伯特我已经提供了关于我所面临问题的更多信息。那里没有分页。查询中没有
限制
，也无法选择要显示的“页面”。您作为查询参数传递给脚本的
？php=foo
从未被使用。“它不工作”不是对问题的很好描述。需要更多信息。#伯特我已经提供了关于我所面临问题的更多信息。那里没有分页。查询中没有
限制
，也无法选择要显示的“页面”。您作为查询参数传递给脚本的
？php=foo
从未使用过。
$(document).ready(function(){

//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("granite.php?page=1", 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("granite.php?page=" + pageNum, Hide_Load());
   });
 });