2013-09-04 3 views
0

J'ai une longue liste d'articles sur ma pageplugin pagination jQuery ne fonctionne pas

<div class="content"> 
<div class="row-fluid"> 
    <div class="span12"> 
     <h4 class="content-title">Clients</h4> 

      <div class="clients_wrapper"> 
      <div class="img-indent3"> 
       <img src="../Images/US Department of Defense.png" alt=""> 
      </div> 
      <div class="extra-wrap"> 
       <span class="text-3">US Department of Defense</span> 
       <br> 
       text 
      </div> 
     </div> 

     <div class="clients_wrapper"> 
      <div class="img-indent3"> 
       <img src="../Images/Intel Corporation.png" alt=""> 
      </div> 
      <div class="extra-wrap"> 
       <span class="text-3">IntelCorporation</span> 
       <br> 
       text. 
      </div> 
     </div> 

     <div class="clients_wrapper"> 
      <div class="img-indent3"> 
       <img src="../Images/HSBC Holdings.png" alt=""> 
      </div> 
      <div class="extra-wrap"> 
       <span class="text-3">HSBC Holdings plc</span> 
       <br> 
       text. 
      </div> 
     </div> 

et je voudrais utiliser le plugin de pagination jQuery pour sélectionner ma liste sur les pages link

J'ajouté dans les fichiers CSS de mon script projet et a ajouté ce code sur ma page

<script type="text/javascript" src="/Scripts/jquery.simplePagination.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $(".clients_wrapper").pagination({ 
      items: 30, 
      itemsOnPage: 8, 
      cssStyle: 'light-theme' 
     }); 
    }); 
</script> 

mais comme résultat, j'ai eu ce
enter image description here

ce qui ne va pas dans mon code?
Comment le réparer?

Répondre

1

Je n'ai jamais entendu parler de ce plugin auparavant, mais il me semble que le plugin ne crée pour vous qu'un certain nombre de liens de pages, mais il n'indique pas automatiquement et/ou ne cache pas le contenu de votre site. Est-ce la première fois que vous utilisez ce plugin? Pour moi, il semble que votre sélecteur .clients_wrapper soit trouvé X fois, donc X barres de pagination sont générées par le plugin. Je pense que le plugin fonctionne, mais il ne fait pas ce que vous attendiez de lui.

+0

Il semble que vous ayez raison, malheureusement :(Pouvez-vous me conseiller un plugin à utiliser? – Heidel

+0

En fait, je recommanderais de développer une pagination côté serveur, car alors seulement le code de la page demandée sera livré au client Cependant, si vous voulez le faire avec JavaScript, vous pouvez jouer avec des onglets (par exemple http://jqueryui.com/tabs/) ou un accordéon (par exemple http://jqueryui.com/accordion/). faites ce que vous voulez: Vous avez plusieurs éléments dont un seul doit être visible, et les autres peuvent être ouverts via des liens. (Veuillez accepter mon post précédent s'il répond à votre question.) – Jan

+0

Merci, je vais essayer d'utiliser jqueryui .com/onglets. – Heidel