jQuery pagination mit Dynamik <li>

Ich dieses plugin verwenden zu paginieren meine <li> : http://www.jquery4u.com/tutorials/jquery-quick-pagination-list-items/

In der Liste, abgeleitet von select option mit onchange Methode. Wenn ich die option ändern, generiert es eine Liste auf der Grundlage der ist es Wert.

Hier ist der jquery code, den ich verwenden, um die Liste zu generieren :

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-code :

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

jQuery config (für Seitenumbruch)

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

Was ist falsch an meinem code? Es kann nicht funktionieren, aber wenn ich das erstellen von statischen <li> wie :

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

Die Paginierung gut funktionieren kann. Bitte helfen Sie.

Danke

  • welchen Fehler bekommst du
  • Sie rief die Paginierung Funktion im Dokument.bereit, die li Anhängen, nach diesem so rufen Sie die Funktion wieder, wenn Sie fügen Sie die li
  • Verwenden .on() Methode für das anbringen von Veranstaltungen
  • So rufen Sie die Funktion, wenn ich hängen Sie den li?
InformationsquelleAutor King Goeks | 2013-11-04
  1. 0

    Versuchen, diese

    Fügen diese Ihrer Funktion aufrufen

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

    Dann wird der code

    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
     });
   }); 
});
    • Vielen Dank, ich bekomme die Idee, aus Ihrer Antwort. Ich habe zu der Funktion quickPagination unterhalb der append, aber es sollte außerhalb des .each
    • ok king, vielen Dank für Ihre Antwort
    InformationsquelleAutor Sridhar R
Schreibe einen Kommentar