php - 分页 - JQUERY

Question

想象一下，我1 2 3 4的表格中有页面，然后如果我单击该页面1，数字1将是background: black那么问题是当我执行时整个页面都是黑色的。请帮我解决这个问题。如果我点击哪个页面，我想更改页面的背景颜色。蒂亚

这是代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
<div class="table-responsive" id="pagination_data"></div> 
 <script>  
 $(document).ready(function(){  
      load_data();  
      function load_data(page)  
      {  
           $.ajax({  
                url:"pagination.php",  
                method:"POST",  
                data:{page:page},  
                success:function(data){  
                     $('#pagination_data').html(data); 
                     $(".pagination_link").css({"background":, "black"});


                }  
           })  
      }  
      $(document).on('click', '.pagination_link', function(){  
           var page = $(this).attr("id");  
           load_data(page); 
           $(".pagination_link").css({"background":, "black"});
      });  
 });  
 </script>

PHP代码：

    <?php  
 //pagination.php  
 $connect = mysqli_connect("localhost", "root", "", "psbr");  
 $record_per_page = 6;  
 $page = '';  
 $output = '';  
 if(isset($_POST["page"]))  
 {  
      $page = $_POST["page"];  
 }  
 else  
 {  
      $page = 1;  
 }  
 $start_from = ($page - 1)*$record_per_page;  
 $query = "SELECT * FROM accounts ORDER BY id DESC LIMIT $start_from, $record_per_page";  
 $result = mysqli_query($connect, $query);  
 $output .= "  
      <div class='grid-container'>
 ";  
 while($row = mysqli_fetch_array($result))  
 {  
      $output .= '  
    <div class="grid-content">
    <img src="../accounts/table/upload/'.$row['image'].'" class="grid-image">
    </div>

      ';  
 }  
 $output .= '</div> <br /><div align="right">';  
 $page_query = "SELECT * FROM accounts ORDER BY id DESC";  
 $page_result = mysqli_query($connect, $page_query);  
 $total_records = mysqli_num_rows($page_result);  
 $total_pages = ceil($total_records/$record_per_page);  
 for($i=1; $i<=$total_pages; $i++)  
 {  
      $output .= "<span class='pagination_link' id='".$i."'>".$i."</span>";  
 }  
 $output .= '</div><br /><br />';  
 echo $output;  
 ?>  

标签： phpjquerycss