JQUERY UI Akkordeon Start kollabiert

82

Wie kann ich dafür sorgen, dass das Akkordeon der jquery-Benutzeroberfläche beim Laden des Formulars zusammenfällt? Gibt es dafür einen Javascript-Code?

H Bellamy
quelle

Antworten:

197

Geben Sie in Ihren Optionen Folgendes an:

{
  ...
  active: false,
  collapsible: true,
  ...
}

Siehe Dokumentation für aktiv .

topek
quelle
arbeitet noch an JQuery 1.4.4 bis heute, obwohl Visual Studio 2010 einen JScript-Fehler (kein Fehler in der Benutzeroberfläche) auf IE 8
Deltree
9

Ich habe versucht, das Gleiche zu tun. Verwenden der Registerkarten der Jquery-Benutzeroberfläche. Ich wollte, dass beim Start keine mit 5 Registerkarten angezeigt wird.

using active: false zeigte den Inhalt der 5. Registerkarte an. Also habe ich die CSS-Registerkarten so eingestellt, dass sie angezeigt werden: keine; da ändert es inline die Anzeige. Hoffe das hilft jemandem!

<script>
$(function() {
    $( "#tabs" ).tabs({
        active: false,
        collapsible: true,
    });
});

Und im Stil

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
    display:none;
}
Nein nein Nein Nein Nein Nein
quelle
4

Ich habe diesen Code verwendet, da ich ein Dreamweaver-Widget verwendet habe. Der Code, den Topek für mich nicht funktioniert hat, hofft, dass dies hilft.

jQuery("#jQueryUIAccordion").accordion({ 
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false

    });
Lyndon John Haslam
quelle
3

Um die Antwort von topex zu vervollständigen, musste ich mit Jquery UI 1.10.3 die Option 'zusammenklappbar' vor der Option 'aktiv' setzen.

$( ".accordion" ).accordion("option", { 
    collapsible: true,
    active: false
});

Siehe die Dokumentation

shagshag
quelle
1

Wenn Sie die wysiwyg "Eigenschaften" verwenden und die Codierung verwirrt, versuchen Sie, eine Zahl mehr in das Feld "Aktiv" als in Ihre Liste der Abschnitte einzutragen. Ich habe 12 Abschnitte und habe dort "13" eingefügt, und es hat bei mir funktioniert.

Steve
quelle
1

Wenn Sie das Standard-jquery-Akkordeon verwenden, wird immer der Inhalt des ersten Bedienfelds angezeigt. Sie können es mithilfe des active: falseAttributs deaktivieren .

jQuery(document).ready(function() {
    jQuery( "#accordion" ).accordion({
      collapsible: true,
      active: false,
    });
});

Das Standardverhalten ist jedoch, dass alle Bedienfelder auf die Höhe des höchsten Bedienfelds eingestellt werden. Dafür müssen Sie also ein "heightStyle"Attribut hinzufügen .

heightStyle: "content",

Daher ist jedes Panel nur so hoch wie sein Inhalt.

Ashish v
quelle
0

Wenn Sie sich den Anfang der Bedienfeldgruppe in Ihrem Code ansehen, suchen Sie danach

<div id="collapseOne1" class="panel-collapse collapse in"> 

Wenn Sie nur das "In" entfernen, wird das Bedienfeld beim Laden der Seite geschlossen.

user6236374
quelle