这是我的html,php代码:
<?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个帖子。提前感谢!!
这里的"选择器"代表一个类,所以你应该使用这个〔如果你想为"li"分页〕:
$(function() {
$('.selector').pagination({
items: 100,
itemsOnPage: 5,
cssStyle: 'light-theme'
});
});
或
这里的"选择器"代表一个id,所以你应该使用这个[如果你想为"div"分页]:
$(function() {
$('#selector').pagination({
items: 100,
itemsOnPage: 5,
cssStyle: 'light-theme'
});
});
您可以使用任何一种方法,这取决于您希望在哪里实现分页,无论是在li还是div上。
要在文章上实现分页,请给文章一个ID或类,然后实现分页。例如,假设文章的id="pagin",那么相应的分页函数应该实现为:
$(function() {
$('#pagin').pagination({
items: 100,
itemsOnPage: 5,
cssStyle: 'light-theme'
});
});
除了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-,您可以将其更改为?page=,因此值可以通过$_GET 传递
当前页面:这是告诉您当前所在页面的分页样式的页面,为了让它知道这个值,您需要在这里传递$_GET值
现在,你的代码应该是这样的:
$(function() {
$('.selector').pagination({
items: <?php echo $count; ?>,
itemsOnPage: 5,
cssStyle: 'light-theme',
hrefTextPrefix: '?page=',
currentPage: <?php echo $_GET['page']; ?>
});
});
就这样,你应该让你的分页系统工作。
如果您需要更多信息,请查看完整的插件文档:黄曲霉毒素