1

私は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 の前と最後にページネーション パネルを表示することです。そのパネルに最初のページと最後のページ ボタンを追加する必要があります。可能です？誰かが私を助けることができますか？ありがとう！

4

1 に答える 1

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>
于 2012-10-08T04:19:54.897 に答える