需要帮助的分页问题

嘿，我正在尝试添加一个按钮，单击该按钮将从mysql数据库中获取数据并以分页方式显示。 但是，我似乎无法让它正常工作。

第一个主页面如下所示：pagination.php：

    body { margin: 0; padding: 5; font-family:Verdana; font-size:10px } a { text-decoration:none; color:#B2b2b2; } a:hover { color:#DF3D82; text-decoration:underline; } #loading { width: 100%; position: absolute; } #pagination { text-align:center; margin-left:120px; } li{ list-style: none; float: left; margin-right: 16px; padding:5px; border:solid 1px #dddddd; color:#0063DC; } li:hover { color:#FF0084; cursor: pointer; } td{ border:solid 1px #dddddd; padding:5px; }  
 
 
 <?php //Pagination Numbers for($i=1; $i<=$pages; $i++) { echo '
'.$i.'
'; } ?> 
MARKETING
 
 
 
 

该页面上方的按钮如下所示：

 
MARKETING 

因此，当用户单击此按钮时，我需要它来从db获取结果。

我用jquery这样做：

 $(document).ready(function(){ //Display Loading Image function Display_Load() { $("#loading").fadeIn(900,0); $("#loading").html(""); } //Hide Loading Image function Hide_Load() { $("#loading").fadeOut('slow'); }; //Default Starting Page Results $("#pagination li:first").css({'color' : '#FF0084'}).css({'border' : 'none'}); Display_Load(); $("#content").load("pagination_data.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("pagination_data.php?page=" + pageNum, Hide_Load()); }); // Editing below. // Sort content Marketing $("#pagination p").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("filter_marketing.php?page=" + pageNum, Hide_Load()); }); }); 

问题是，由于一个主要原因不起作用：1。PageNum = marketing。 我需要它是上面’pagination li’的数字。 我不知道如何正确修复它。

如果我让你困惑，我会尝试更好地解释：

我想创建一个按钮（即营销），单击该按钮将从数据库中获取数据并显示，但我还需要“刷新”分页编号以补偿新数据。

如果您需要进一步说明，请告诉我。 任何帮助将不胜感激。 谢谢。

Answer 1

认为你可能正在寻找index() 。

  var pageNum = $(this).index() + 1; 

请记住，索引是基于0的，因此添加1。

这也取决于你的html标记，因为索引返回：

一个整数，指示jQuery对象中第一个元素相对于其兄弟元素的位置。

编辑：

因此，如果在更新#content的内容时，您还更改了数据页面属性，则在单击#marketing时也可以获得该信息，以便了解要获取的页面。

如果你要给其中一个LI元素一个“当前页面”类，然后获取.current-class LI的id，这也会有效。

JS：

 //Pagination Click $("#pagination li").click(function(){ //... $("#content").load("pagination_data.php?page=" + pageNum, function(){ Hide_Load(); $(this).attr('data-page', pageNum); }); }); $("#pagination p").click(function () { //... var pageNum = $('#content').attr('data-page'); $("#content").load("filter_marketing.php?page=" + pageNum, Hide_Load()); });