Comment faire cohabiter jscrollpane avec un script accordéon jquery?

J'ai un site qui utilise un script accordéon, et je veux placer une boîte de défilement à l'intérieur d'un des onglets d'accordéon. Cependant, la boîte de défilement fonctionne très bien, mais brise le script d'accordéon. Y a-t-il un moyen de contourner ce conflit?Comment faire cohabiter jscrollpane avec un script accordéon jquery?

Ceci est le site avec juste le script d'accordéon: http://www.namibiaonline.net/sandbox/NBAA/index9.html

Et c'est celui rompu avec JScrollPane et le script d'accordéon: (pour une raison quelconque, je suis seulement permis de coller un lien hypertexte, ainsi se rendre à l'un cassé, il suffit de remplacer /index9.html avec /scroll_test.html)

Toute aide serait appréciée :) Ash

Source

2010-11-18 Ash

http://www.namibiaonline.net/sandbox/NBAA/scroll_test.html – switz

Cela devrait résoudre votre problème. Essayez la bêta:

http://groups.google.com/group/jscrollpane/browse_thread/thread/c1bc1bf63e3f80d8

et je crois que c'est là votre problème menti:

http://jscrollpane.kelvinluck.com/auto_reinitialise.html

Source

2010-11-18 08:21:47 switz

C'est la version de jscrollpane que j'utilise et la réinitialisation automatique ne semble pas faire de différence (sauf si j'insère ce code au mauvais endroit). Jusqu'à présent, les meilleurs résultats que je l'ai eu jusqu'à présent était d'enlever

J'ai eu le même problème et voilà comment je presque résolu, il:

jQuery(document).ready(function() { 
scrollPane = jQuery(".scroll-pane").jScrollPane({ 
     showArrows: true 
    }); 
var api = scrollPane.data('jsp'); 


jQuery("#accordion").accordion({ 
      changestart: function(event, ui) {    
       api.reinitialise()     
      } 
     }); 
}

Assurez-vous de définir la hauteur de largeur correcte pour les conteneurs qui ont la classe de volet défilant. Dans mon cas, je l'ai créé 3 conteneurs comme celui-ci:

<div class="scroll-pane"> 

.scroll-pane { 
overflow: auto; 
height: 134px; 
width: 420px;

}

La classe de défilement volet est l'endroit où je définissais le trop-plein, la hauteur et la largeur. Si je le fais dans le conteneur parent, le défilement n'est pas affiché car il prend toute la hauteur et si je le fais dans un conteneur enfant, un défilement non stylisé est affiché.

Mais j'ai toujours un problème avec le premier volet. Il est correctement affiché la première fois que la page est chargée, mais quand je passe à un autre onglet d'accordéon et que je reviens au premier, la largeur de cet élément est mise à 0. Cela n'arrive qu'avec le premier. .

Source

2010-11-19 09:30:07 user512696

Comment faire cohabiter jscrollpane avec un script accordéon jquery?

Répondre

Questions connexes