Ich benutze JQuery Accordion. Ich habe diese Seite hier: http://www.hauppauge.com/site/support/support_colossus.html#tabs-6
Das Laden der automatischen Höhe dauert einige Zeit, bevor sie geladen wird. Unter dem Inhalt befindet sich viel Leerraum. Wenn es endlich geladen wird, wird die Höhe länger und schnappt dann auf die richtige Höhe des Inhalts. Gibt es eine Möglichkeit, dies nahtlos zu gestalten? Ich möchte nur in der Lage sein, auf eine Registerkarte "Akkordeon" zu klicken und sie reibungslos auf die exakte Höhe des Inhalts erweitern zu lassen.
Update 08.08.2014:
Verwenden heightStyle: "content"
Sie diese Option, wenn Sie Version 1.9 und höher verwenden ( Taruns Antwort).
Verwenden Sie autoHeight: false
für 1.8 und niedriger (iappwebdevs Antwort)
274
irgendwo Höhe an . versuchen Sie es zu entfernen oder zumindest zu reduzieren.274
es nicht so viel sein sollteAntworten:
Warum setzen Sie nicht einfach
autoheight
auf false?$( ".selector" ).accordion({ autoHeight: false });
http://jqueryui.com/demos/accordion/#option-autoHeight
BEARBEITEN
Betrachten Sie Ihren Kommentar:
// Accordion $("#accordion").accordion({ header: "h3" }); $("#accordion").accordion({ collapsible: true }); $("#accordion").accordion({ autoHeight: false, navigation: true });
Sie initialisieren das Akkordeon und fügen ihm dann weitere Optionen hinzu. warum machen Sie das? Der Standardwert für
autoHeight
isttrue
, sodass jede Registerkarte eine feste Höhe erhält. Alle Optionen in einem Anruf zusammenfassen:// Accordion $("#accordion").accordion({ header: "h3", collapsible: true, autoHeight: false, navigation: true });
BEARBEITEN
Zu Ihrem 2. Kommentar:
Schauen Sie sich http://jqueryui.com/demos/accordion/#option-header an . Sie können sehen, dass diese Option
h3
standardmäßig festgelegt ist, sodass Sie sie in Ihrem Anruf nicht festlegen müssen.Und hier erhalten Sie eine Antwort auf Ihre Frage: JQuery-Akkordeon funktioniert ohne h3-Tags nicht .
Es ist ziemlich wichtig, die jQuery-API zu durchlaufen, um Ihr Wissen zu verbessern. Die jQuery-API finden Sie unter http://api.jquery.com/ und die jQuery-Benutzeroberfläche unter http://jqueryui.com/demos/ . Wenn Sie weitere Fragen haben, zögern Sie nicht zu fragen, nachdem Sie versucht haben, Ihr Problem zu lösen, und nachdem Sie einige Nachforschungen angestellt haben.
Wenn all dies Ihre Frage beantwortet hat, markieren Sie sie bitte als richtige Antwort.
quelle
du solltest benutzen
$("#accordion").accordion({ heightStyle: "content" });
Die Höhe wird entsprechend Ihrem Inhalt eingestellt. und verwendet kein Leerzeichen als Höhe.
quelle
autoHeight: false
... aber nichts, das hat den Trick gemacht$("#accordion").accordion({ heightStyle: "content" });
Dies funktioniert in einer neuen Version, es hat für mich funktioniert !!!
quelle
Das hat bei mir funktioniert.
$( ".accordion" ).accordion({ autoHeight: false, collapsible: true, navigation: true });
quelle
Wenn bisher nichts funktioniert, ändern Sie einfach die Größe des jQuery-Akkordeons.
contentElement
Es wirddata-content
standardmäßig aufgerufen , sofern Sie es nicht anders konfiguriert haben:$('.accordion').find('[data-content]').resize();
Dies funktioniert auch, wenn Sie die Größe des Akkordeons ändern möchten, nachdem Ihre Daten dynamisch geladen wurden.
quelle