2010-11-18 6 views
0

Ich habe eine Website, die ein Akkordeon-Skript verwendet, und ich möchte ein Bildlauffeld in einer der Akkordeon-Registerkarten platzieren. Das Bildlauffeld funktioniert jedoch einwandfrei, bricht jedoch das Akkordeon-Skript. Gibt es einen Weg um diesen Konflikt? Wie bekomme ich jscrollpane, um mit einem jquery Akkordeon Skript zusammen zu existieren?

Dies ist die Seite nur mit dem Akkordeon-Skript: http://www.namibiaonline.net/sandbox/NBAA/index9.html

Und das ist die zerbrochenen mit JScrollPane und das Akkordeon-Skript: (aus irgendeinem Grund bin ich nur einen Hyperlink einfügen erlaubt, so zu erhalten auf die kaputte, nur ersetzen /index9.html mit /scroll_test.html)

Jede Hilfe wäre sehr geschätzt :) Ash

+0

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

Antwort

0

Dieses Ihr Problem beheben sollte. Versuchen Sie, die beta:

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

und ich glaube, das ist, wo Ihr Problem gelogen:

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

+0

Das ist die Version von jscrollpane, die ich benutze und die automatische Reinitialisierung scheint keinen Unterschied zu machen (es sei denn, ich füge diesen Code ein am falschen Ort). Bis jetzt sind die besten Ergebnisse, die ich je hatte bisher war von Entfernen

0

Ich hatte das gleiche Problem, und das ist, wie ich es fast gelöst:

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

Stellen Sie sicher, dass Sie die richtige Breite Höhe für die Container definieren, die die Scroll-Pane Klasse haben. In meinem Fall habe ich 3 Container wie folgt erstellt:

<div class="scroll-pane"> 

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

}

Die Klasse Scroll-Scheibe ist, wo ich die Überlauf, Höhe und Breite festgelegt. Wenn ich das im übergeordneten Container mache, wird der Bildlauf nicht angezeigt, da er die gesamte Höhe einnimmt. Wenn ich das in einem untergeordneten Container mache, wird ein nicht stilisierter Bildlauf angezeigt.

Aber ich habe immer noch ein Problem mit dem ersten Fenster. Es wird korrekt angezeigt, wenn die Seite das erste Mal geladen wird, aber wenn ich zu einer anderen Akkordeon-Registerkarte gehe und dann zur ersten zurückkehre, wird die Breite dieses Elements auf 0 gesetzt. Es passiert nur mit der ersten, die anderen funktionieren gut .

Verwandte Themen