JQuery UI: Akkordeon Rückrufe

Muss ich mein javascript nur den callback, wenn ich ÖFFNEN Sie einen Abschnitt auf dem Akkordeon, ab jetzt macht es einen Rückruf, wenn ich öffnen ODER schließen einen Abschnitt, weil ich bin nur mit einem Klick-Funktion. Gibt es eine Möglichkeit, die ich ändern kann meine vorhandenen Klick-Funktion nur ausgeführt, wenn der angegebene Abschnitt ist aktiviert?

Meine aktuellen Klick-Funktion:

$("a#mimetypes").click(function() {
    $("span#mimetypesthrobber").loading(true, { max: 1500 })
    $.getJSON("../mimetypes", function(data) {
        //callback
    });
});

Dank!

EDIT:

Ich habe bereits versucht, dies mit einem anderen Teil des Akkordeons und es war nicht richtig funktioniert:

$('.ui-accordion').bind('accordionchange', function(event, ui) {
if (ui.newHeader == "Encoders") {
EncodersGet();
}
});
InformationsquelleAutor user177215 | 2010-03-24
  1. 2

    können Sie die die "change-Ereignis"

    $('.ui-accordion').bind('accordionchange', function(event, ui) {
  ui.newHeader //jQuery object, activated header
  ui.oldHeader //jQuery object, previous header
  ui.newContent //jQuery object, activated content
  ui.oldContent //jQuery object, previous content
});

    und Zugriff auf die "newHeadert" zum Beispiel, und tun Sie Ihre Verarbeitung

    BEARBEITEN

    entsprechend der neuen info {collapsible: true, active: false}

    $(document).ready(function() {
            var $acc = $('#accordion').accordion({ collapsible: true,
                   active : false ,
                   change : function (event, ui)
                   {
                                var index = $acc.accordion( "option", "active");
                    if( index === false){
                                 //all are close
                                }
                                else{
                                 //0-based index of the open section
                                }

                   }
            });
        });

    die "Möglichkeit, aktiv" zurückkehren würden, die Sie den index der offene Abschnitt oder "false" wenn alle Abschnitte sind geschlossen

    InformationsquelleAutor undertakeror
  2. 1

    Einer Verbesserung auf undertakerors Antwort: verwenden triple-gleich beim Vergleich von index auf false, um der ersten Akkordeon-element übereinstimmen.

    if (index === false) {
  //All are closed
} else {
  //0-based index of the open section
}

    Bitte beachten Sie, dass Doppel-ist-gleich durchführen-Typ-Umwandlung bei der Auswertung der Bedingungen.

    InformationsquelleAutor Moolie
  3. 0

    Wenn alle die Akkordeon-Sektionen sind geschlossen von dfault Sie könnte ersetzen Sie das click-Ereignis mit Knebel und haben die zweite Funktion, einfach nichts zu tun.

    $("a#mimetypes").toggle(function() {
    $("span#mimetypesthrobber").loading(true, { max: 1500 });
    $.getJSON("../mimetypes", function(data) {
        //callback 
    });
},
function() {
    //do nothing
});

    Die bessere Lösung wäre das hinzufügen einer Klasse zum aktiven Abschnitt und überprüfen Sie, dass die Klasse vor dem Aufruf der load.

    $("a#mimetypes").click(function() {
    if ($(this).hasClass("active")) {
        $(this).removeClass("active");
    }
    else {
        $(".active").removeClass("active"); //Edit - remove all active classes to account for this section being closed by the opening of another
        $(this).addclass("active");

        $("span#mimetypesthrobber").loading(true, { max: 1500 });
        $.getJSON("../mimetypes", function(data) {
            //callback 
        });
    }
});
    • Der Fehler mit deiner besseren Lösung ist, dass Sie können schließen Sie einen Abschnitt in der Ziehharmonika, indem Sie auf anderen Bereich in die Kopfzeile. Dafür ist die Klasse nie entfernt, auch nachdem das Akkordeon ist nicht mehr aktiv.
    • Ich sollte auch darauf hinweisen, dass mein css-Code für das Akkordeon ist {collapsible: true, active: false}
    • Bearbeitet beheben Sie die Fehler, die Sie darauf hingewiesen.
    InformationsquelleAutor Shaun Humphries
Schreibe einen Kommentar