jquery - 如何在页面的两侧添加首页和结束页以及分页面板

Question

我正在使用JQuery 分页对一些 div 结果进行分页。

我所做的是：

<script type="text/javascript">
    $(function() {
       var optInit = getOptionsFromForm();
       $("#Pagination").pagination(<?php echo $num_result;?>, optInit);
    });
    function pageselectCallback(page_index, jq){
       var items_per_page = 10;
       var max_elem = Math.min((page_index+1) * items_per_page, <?php echo $num_result;?>);
        $('div[id^="page"]').hide();
        for(var i=page_index*items_per_page;i<max_elem;i++){
            $('#page'+i).show();
        }

        return false;
    }

    function getOptionsFromForm(){
       var opt = {callback: pageselectCallback,prev_text :'Pagina precedente',next_text:'Pagina successiva',num_display_entries:10,num:2};
       return opt;
    }

</script>

<div id="result_pagin">
   <?php for($i=0;$i<$num_result;$i++){?>
      <div id="page<?php echo $i;?>
         .
         .
         .
      </div>
   <?php }?>
</div>
<div id="Pagination" class="pagination">
</div>

我需要做的是在 result_pagin div 之前和最后显示分页面板，我需要在该面板中添加第一页和结束页按钮。有可能吗？有人能帮我吗？谢谢！

Answer 1

<div id="Pagination" class="pagination">
  <a id="pgstart" href="#page1">Page 1</a>
  <a id="pgend></a>
</div>

<div id="result_pagin">
<!--...-->
</div>

<script>
  var pgend = (<?php echo $num_result;?> / 10);
  $("#pgend").attr("href", "#page"+pgend);
</script>