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.
Ahh, herausgefunden, dass sie nur eine Einstellung dafür haben! Ссылка
Mach einfach Folgendes: $( ".selector" ).accordion({ autoHeight: false });
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.
Tags und Links javascript html css jquery-ui accordion