如何实现我使用php的simplepagination插件？

这是我的HTML与PHP代码：如何实现我使用php的simplepagination插件？

 <?php 

     $sql = mysqli_query($con, "SELECT * FROM blog_posts WHERE postStatus = 'accepted' ORDER BY date_accepted DESC"); 

     while($row = mysqli_fetch_array($sql)) 

     ?> 
      <article> 

      <?php echo $row['postTitle']." Posted on ".date('jS M Y', strtotime($row['postDate']))." ".$row['postDesc']; ?> 


      </article> 
     <?php 
     } 
     } 
     ?> 


<div id="selector"> 
    <ul class="selector"> 
     <li> 
      <p>One</p> 
     </li> 
     <li> 
      <p>Two</p> 
     </li> 
     <li> 
      <p>Three</p> 
     </li> 
     <li> 
      <p>Four</p> 
     </li> 
     <li> 
      <p>Five</p> 
     </li> 
     <li> 
      <p>Six</p> 
     </li> 
     <li> 
      <p>Seven</p> 
     </li> 
      <li> 
     <p>Eight</p> 
      </li> 
     </ul> 
    </div>

，这是JavaScript：

$(function() { 
     $(selector).pagination({ 
       items: 100, 
       itemsOnPage: 5, 
       cssStyle: 'light-theme' 
     });

}）;

我得到这个插件从这里： http://flaviusmatis.github.io/simplePagination.js/

什么，我想知道的是如何使用这个插件与我的PHP代码。就像我有20个职位，我只想显示10个职位。提前致谢！！

来源

2014-10-09 anonymous

检查更新的答案。 – Jinandra 2014-10-10 07:12:20

的“选择”在这里代表的一类，所以你应该使用这个[如果您想为“李”分页]：

$(function() { 
     $('.selector').pagination({ 
       items: 100, 
       itemsOnPage: 5, 
       cssStyle: 'light-theme' 
     }); 
});

的“选择”在这里代表一个ID，所以你应该使用这个[如果您想为“格”分页]：

$(function() { 
     $('#selector').pagination({ 
       items: 100, 
       itemsOnPage: 5, 
       cssStyle: 'light-theme' 
     }); 
});

可以使用的任何一种方法取决于你在哪里希望分页得以实施，无论是在李或div上。

要在文章上实现分页，给文章一个ID或类，然后实现分页。例如可以说文章有ID =“pagin”，那么相应的分页功能应该是这样实现的：

$(function() { 
    $('#pagin').pagination({ 
      items: 100, 
      itemsOnPage: 5, 
      cssStyle: 'light-theme' 
     }); 
});

来源

2014-10-09 19:02:10 Jinandra

嗨@sanki。我真的很感谢答案。但是我真正想知道的是，我如何与我拥有哪些是PHP代码的数据分页。 – anonymous 2014-10-10 01:45:24

此外什么SANKI告诉你，为了让这个插件工作，你就需要有已经工作的分页系统，是这么说，你需要工作起来：

$(function() { 
    $(selector).pagination({ 
      items: 100, 
      itemsOnPage: 5, 
      cssStyle: 'light-theme' 
    }); 
});

更改选择包含您的ID或类分页占位符，然后一个，最大更换的项目值记录号码（您可以通过查询您的数据库并计算总行数来达到此目的）mysqli_num_rows

再次，它应该是这样的：

$(function() { 
     $('.selector').pagination({ 
       items: <?php echo $count; ?>, 
       itemsOnPage: 5, 
       cssStyle: 'light-theme' 
     }); 
});

现在，你需要设置一些附加属性：

hrefTextPrefix：这是改变的前缀，在你的URL中的一个每当您传递页码值时，默认情况下它会设置为＃page-，您可以将其更改为？页=这样的值可以沿着由$ _GET

当前页进行传递：这是一个告诉你的流行样式的页面是您目前，以便它知道这个值就需要在这里

现在通过$ _GET价值，你的代码应该是这个样子：

$(function() { 
     $('.selector').pagination({ 
       items: <?php echo $count; ?>, 
       itemsOnPage: 5, 
       cssStyle: 'light-theme', 
       hrefTextPrefix: '?page=', 
       currentPage: <?php echo $_GET['page']; ?> 
     }); 
});

就是这样，你应该有你的分页系统工作。

如果您需要更多的信息检查全的插件文件： flaviusmatis.github

来源

2015-04-20 05:12:28

如何实现我使用php的simplepagination插件？

回答

相关问题