带有上一个和下一个按钮的分页代码。使用 jquery ajax答案

【问题标题】：pagination code with previous and next button . using jquery ajax带有上一个和下一个按钮的分页代码。使用 jquery ajax
【发布时间】：2012-09-25 21:24:20
【问题描述】：

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

<?php
$per_page = 4;
$sql = "select * from portfolio  ";
$rsd = mysql_query($sql);
$count = mysql_num_rows($rsd);
$pages = ceil($count/$per_page)
?>

上面的代码然后计算页数

  <?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 个分页按钮。

分页基于

id="'.$i.'"

这边

$("#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);
    });

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

需要更改为逻辑/代码。

请帮忙

谢谢

【问题讨论】：

标签： jquery ajax pagination

【解决方案1】：

    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
    });

【讨论】：

【解决方案2】：

你在这一行的末尾错过了;$pages = ceil($count/$per_page)。所以它必须是$pages = ceil($count/$per_page);

【讨论】：