0

私はこのプラグインを使用してページネーションを行います<li>: http://www.jquery4u.com/tutorials/jquery-quick-pagination-list-items/

selectメソッドを使用してオプションから派生したリストonchange。オプションを変更すると、その値に基づいてリストが生成されます。

リストを生成するために使用するjqueryコードは次のとおりです。

jQuery('#group').change(function() {
   var id_group = this.value; 
   var memberjson = "fetchmember.php?group="+id_group;

   jQuery.getJSON(memberjson,function(data){

     jQuery.each(data, function(i, item) {
     jQuery("#fetchmember").append("<li>"+item.name+"</li>");
     });
   }); 
});

HTMLコード:

<ul class="pagination3" id=fetchmember"></ul>

jQuery 構成 (ページネーション用)

jQuery(document).ready(function() {
   jQuery("ul.pagination3").quickPagination({pagerLocation:"both",pageSize:"5"});
});

コードの何が問題になっていますか? 動作しませんが、次<li>のような静的を作成すると:

<ul class="pagination3" id=fetchmember">
<li>ONE</li>
<li>TWO</li>
<li>THREE</li>
</ul>

ページネーションはうまく機能します。助けてください。

ありがとうございました

4

1 に答える 1

0

これを試してください

これを関数呼び出しに追加します

$("ul.pagination3").quickPagination({pagerLocation:"both",pageSize:"5"});

次に、コードは

jQuery('#group').change(function() {
   var id_group = this.value; 
   var memberjson = "fetchmember.php?group="+id_group;

   jQuery.getJSON(memberjson,function(data){

     jQuery.each(data, function(i, item) {
     jQuery("#fetchmember").append("<li>"+item.name+"</li>");
     $("ul.pagination3").quickPagination({pagerLocation:"both",pageSize:"5"});//now we have li elements in dom so it will work
     });
   }); 
});
于 2013-11-04T06:10:14.210 に答える