Question

这是我用PHP代码的HTML：

      <?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个帖子。提前致谢！！

Answer 1

这里的“选择器”代表一个类，所以你应该使用这个[如果你想为“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' }); });

Answer 2

除了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：这是一个在您传递网页编号值时更改网址前缀的网址，默认设置为 #page - ，您可以将其更改为？page = ，因此值可以通过$ _GET
传递
currentPage：这是告诉你的分页风格你当前在哪个页面，为了让它知道你需要在这里传递$ _GET值

现在，您的代码应如下所示：

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

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

如果您需要其他信息，请查看完整的插件文档： flaviusmatis.github

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

2 个答案: