首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >带有“上一步”和“下一步”按钮的分页代码。使用jquery ajax

问带有“上一步”和“下一步”按钮的分页代码。使用jquery ajax
EN

Stack Overflow用户
提问于 2012-09-25 20:49:24
回答 2查看 4.2K关注 0票数 1

我正在使用jquery ajax分页代码,我需要一些更改。

代码语言:javascript
复制
<?php
$per_page = 4;
$sql = "select * from portfolio  ";
$rsd = mysql_query($sql);
$count = mysql_num_rows($rsd);
$pages = ceil($count/$per_page)
?> 

上面的代码计算页数,然后

代码语言:javascript
复制
  <?php
    //Show page links
    for($i=1; $i<=$pages; $i++)
    {
        echo '<li  class="pagenum" id="'.$i.'">'.$i.'</li>';
    }
?>

这段代码显示的分页按钮基本上是

<li class="pagenum" id="'.$i.'">'.$i.'</li>

所有的问题都在$i上。

如果为$per_page=4,则会出现7分页按钮。

分页发生在

代码语言:javascript
复制
id="'.$i.'"

这边请

代码语言:javascript
复制
$("#paging_button li").click(function(){
        //show the loading bar
        showLoader();

        $("#paging_button li").css({'background-color' : ''});
        $(this).css({'background-color' : '#ccc'});

        $("#contentt").load("data.php?page=" + this.id, hideLoader);
    });

我想要的是只显示下一步和上一步按钮。而不是七个分页按钮。

需要更改为逻辑/代码。

请帮帮忙

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-09-25 20:55:15

代码语言:javascript
复制
    var pager = $('<div id="pager" class="pagination"></div>');
    // adds the controls of pagination
    pager.pagination(maxentries, {
        items_per_page : limit,
        next_text : '>',
        prev_text : '<',
        num_display_entries : 5,
        load_first_page : false,
        callback : callback
    });
票数 0
EN

Stack Overflow用户

发布于 2012-09-25 21:24:21

您在此行的末尾遗漏了一个;,它需要为$pages = ceil($count/$per_page).So

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12583309

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档