PHPからエコーされたデータをページ付けするためにブートストラップ・ページライブラリを使用するには？

Question

私はデータベースからテーブルにデータをエコーするプロジェクトを開発しています。私はクライアントのサイトでデータを改ページしたいと思います。だから私は、ブートストラップページネータライブラリを使用しています：http://lyonlai.github.io/bootstrap-paginator/ここ

は私のコードです：

私のヘッダーで：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> 
    <script src="/js/bootstrap-paginator.min.js"></script> 
        <script type='text/javascript'> 
     var options = { 
      currentPage: 3, 
      totalPages: 10 
     } 

     $('#messages-pag').bootstrapPaginator(options); 
    </script> 

とページの私の体で：

<?php $messages = process_api_get($base_url,'/messages'); ?> 
    <?php if($messages) { ?> 
<?php foreach($messages as $message) : ?> 
    <div id="messages-pag"> 

<tr> 
<td> 
<?php echo get_username_by_id($message->to_user_id); ?> 
</td> 
<td> 
<?php echo get_username_by_id($message->from_user_id); ?> 
</td> 
<td> 
<?php echo $message->datetime; ?> 
</td> 
<td><a class="btn btn-sm btn-default " data-toggle="modal" data-target="#view_message_<?php echo $message->id; ?>"> View</a></td> 
<td><a class="btn btn-sm btn-default " data-toggle="modal" data-target="#edit_message_<?php echo $message->id; ?>"> Edit</a></td> 
<td><a href="<?php echo url('functions.php?action=delete_message&id=' . $message->id); ?>" class="btn btn-sm btn-default confirm-click"> Delete</a></td> 

</tr> 
                            </div> 
<?php endforeach; ?> 
                            <?php } ?> 

しかし、このコード改ページにはまったく影響しません。なぜ誰が知っていますか？

Answer 1

Marc氏によると、HTMLが完全にロードされた後にJSを適用するように、スクリプトを準備する必要があります。しかし、それはあなたが各メッセージにJSライブラリを添付したようにも見えます。私はBS-pagのドキュメントを見ていませんでしたが、私はJSを親要素に適用してそのことを行う必要があると推測しています。言い換えると、あなたのforeachの外にあなたのDIVを移動します。また、テーブル要素ではなくdivにテーブルの行/列があることは私には奇妙です。 BS-pagがテーブルを期待している場合、それはいくつかの問題を引き起こす可能性があります。

また、データテーブル（datatables.net）を調べることもできます。それはまさにあなたが探しているものかもしれません。