jQuery UI Akkordeon - Jedes Panel passt zum Inhalt

8

Ich benutze das Accordion Ссылка von jQuery UI und versuche, es auf die Höhe des Inhalts jedes Panels anzupassen .

Die Art und Weise, wie es momentan funktioniert, besteht darin, den größten Inhalt der Panels anzupassen, aber ich möchte, dass sich die Größe je nach geöffnetem Panel ändert.

Gibt es auch eine Möglichkeit, ein Panel statt des oberen standardmäßig zu öffnen? Ich möchte das unterste Panel öffnen, wenn der Benutzer die Seite lädt.

Vielen Dank im Voraus!

BEARBEITEN: Ich habe versucht, height:auto !important; in die Datei jquery-ui.css auf .ui-accordion .ui-accordion-content-active zu setzen, was funktioniert, aber beim Schließen eines Akkordeons ergibt sich ein seltsames Problem, wobei eines geöffnet bleibt, während das andere geöffnet wird.

    
JacobTheDev 11.07.2011, 17:34
quelle

4 Antworten

7

Ahh, herausgefunden, dass sie nur eine Einstellung dafür haben! Ссылка

Mach einfach Folgendes: $( ".selector" ).accordion({ autoHeight: false });

    
JacobTheDev 11.07.2011, 17:57
quelle
23

Um die Dinge aktuell zu halten, scheint es, dass für jquery UI Version 1.9 die AutoHeight durch heightStyle ersetzt wurde. Ссылка

Der Weg nach 1.9 wäre $( ".selector" ).accordion({ heightStyle: "content"});

autoHeight funktioniert immer noch unter den meisten Umständen, aber ich hatte Schwierigkeiten in Chrome und Safari, aber nicht Firefox, wenn ich autoHeight: false benutzte und mein .ui-Akkordeon-Inhalt ein Bild enthielt, dessen Höhe auf auto eingestellt war. Die Verwendung von heightStyle hat stattdessen viel besser funktioniert.

    
Linds 15.05.2013 23:45
quelle
2

Die Frage ist ziemlich alt, aber jetzt hat jQuery die Möglichkeit, die Höhe entsprechend dem Inhalt festzulegen. Weitere Informationen finden Sie hier: Ссылка

%Vor%     
iveedee 16.09.2015 03:01
quelle
1

das funktioniert für mich

%Vor%     
dllhell 29.01.2014 10:25
quelle