Question

我使用此插件对我的<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 config（用于分页）

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>

分页可以很好地运作。请帮忙。

谢谢

Answer 1

试试这个

添加你的函数调用

$("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
     });
   }); 
});

jQuery与动态<li> </li>分页

1 个答案: