区块链技术博客
www.b2bchain.cn

当我添加“ next”功能时,jquery分页符中断 – php程序员分享

本文介绍了当我添加“ next”功能时,jquery分页符中断 – php程序员分享,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

所以我正在尝试我的第一个jquery代码,但被卡住了。

基本上,我正在制作一个简单的分页脚本,将显示的行数设置为3,当我查看结果页面时,它显示了搜索返回的21行中的3行。

现在,当我将下一个函数添加到脚本以在页面之间移动并运行搜索时,结果不再显示3行,而是显示所有行。有人可以告诉我我在做什么错吗?

这是我的代码:

    <html> <head> <script src="jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() {  //Declaring Variables var page = 1; var per_page = 3; var items = $('.row').length; var page_last = Math.ceil(items/per_page); } //Set Page function setPage(page) { $('.row').slice(0, page * per_page).hide(); $('.row').slice(page * per_page - per_page, page * per_page).show(); $('.row').slice(page * per_page).hide(); $('#page_display').html('page ' + page);  } //Next Button $('.next').click(function() { if (page < page_last) { page++; setPage(page); } }); //Previous Button $('.prev').click(function() { if (page > 1) { page--; setPage(page); } });  setPage(1); }); </script> </head> <body>   <?php  $host = 'localhost'; $username = 'root'; $password = '';  try { $dbh = new PDO("mysql:host=localhost;dbname=elitenv", $username, $password); } catch (PDOException $e) { echo $e->getMessage(); }  $query = "SELECT * FROM `players` WHERE `id` > :val"; $stmt = $dbh->prepare($query); $stmt ->bindValue(':val', $_POST['search']); $row = $stmt->execute();  echo "<table border='1'>"; while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) { echo"<tr class='row'><td>"; echo $row['id']; echo "</td></tr>"; } echo "</table>";   ?> <div id="page_display"><br/> <button type="button" class="prev">Previous</button> <button type="button" class="next">Next</button> </div> </body> </html> 

如果删除下一个按钮和上一个按钮功能,它将再次显示3行(共21行)。

参考方案

最后删除变量页面下的结束}
见过http://jsfiddle.net/hPM2H/
也不要覆盖页面显示div,您将失去下一个和上一个按钮:)

请如何排序以下数组Array ( 'ben' => 1.0, 'ken' => 2.0, 'sam' => 1.5 ) 至Array ( 'ken' => 2.0, 'sam' => 1.5, 'ben' =&…

以下PDO查询返回以下结果:$db = new PDO('….'); $sth = $db->prepare('SELECT …'); 结果如下: name curso ABC stack CDE stack FGH stack IJK stack LMN overflow OPQ overflow RS…

举一个简单的例子,如果我想计算一个不使用磁盘存储的脚本的命中次数,我可以使用静态类成员来执行此操作吗?用户1:<?php $test = Example::singleton(); $test->visits++; ?> 用户2:<?php $test = Example::singleton(); $test->visits+…

我正在使用密码哈希进行注册。我需要手动创建Salt,以下是我使用的代码:$options = [ 'cost' => 11, 'salt' => mcrypt_create_iv(22, MCRYPT_DEV_URANDOM) ]; $password = password_hash( $this->…

假设情况:我在php中运行一个复杂的站点,并且我使用了很多全局变量。我可以将变量存储在现有的全局范围内,例如$_REQUEST['userInfo'],$_REQUEST['foo']和$_REQUEST['bar']等,然后将许多不同的内容放入请求范围内(这将是适当的用法,因为这些数据指的是要求自…

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 当我添加“ next”功能时,jquery分页符中断 – php程序员分享
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们