2012-07-22 36 views
1

我使用JQuery pagination來分頁分隔結果。如何在頁面的兩面添加第一頁和最終頁面和分頁面板

什麼,我所做的是:

<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格前和結束時顯示分頁面板,我需要補充,在面板上,第一頁和結束頁面按鈕。有可能嗎?有人能幫我嗎?謝謝!

回答

0
<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> 
相關問題