2011-06-16 3 views
1

J'utilise Pajinate - Un plugin jQuery Pagination pour la pagination dans ma pageproblème de personnalisation plugin jQuery pajinate

Voici mes codes

 $(document).ready(function(){ 
      $('#paging_container6').pajinate({ 
       start_page : 2, 
       items_per_page : 5 
      }); 
     }); 

Code HTML:

 <div id="paging_container6" class="container"> 
      <h2>Custom Start Page</h2> 
      <div class="page_navigation"></div> 

      <ul class="content"> 
       <li><p>One</p></li> 
       <li><p>Two</p></li> 
       <li><p>Three</p></li> 
       <li><p>Four</p></li> 
       <li><p>Five</p></li> 
       <li><p>Six</p></li> 
       <li><p>Seven</p></li> 
       <li><p>Eight</p></li> 
       <li><p>Nine</p></li> 
       <li><p>Ten</p></li> 
       <li><p>Eleven</p></li> 
       <li><p>Twelve</p></li> 
       <li><p>Thirteen</p></li> 
       <li><p>Fourteen</p></li> 
       <li><p>Fifteen</p></li> 
       <li><p>Sixteen</p></li> 
      </ul> 

     </div> 

Pagination serait comme ceci:

enter image description hereQuand j'atteins la première page je dois cacher le bouton prev. De même quand j'atteins la dernière page j'ai besoin de cacher le bouton last.

Y at-il une option avec ce plugin ou j'ai besoin d'une solution pour ce problème de pagination.

Répondre

1

Comme indiqué sur this documentation page Je ne vois pas vraiment s'il existe un paramètre ou une fonctionnalité intégrée pour résoudre votre problème.

+0

Je sais qu'il n'y a pas d'option. mais ma réadaptation est juste comme mentionné dans ma question. comment faire ça. –

+0

Je viens de répondre à votre 'Y at-il une option avec ce plugin' partie, et le reste de l'ajustement devrait être fait par vous, si vous faites face à un problème technique, alors vous pouvez demander de nouveau sur SO, mais nous ne sommes pas ici pour résoudre le problème de haut en bas. Pardon. –

5

Il existe une solution. Par la documentation:

Une classe de style appelé « no_more » est ajouté aux liens premier/préc si le premier lien est actif et de même pour les derniers liens/suivant. Ce vous permet de donner à ces liens une apparence "désactivée" si nécessaire.

Utilisez simplement CSS pour masquer la classe 'no_more'.