jQuery-Tools: Wie schließt man ein overlay?

$("a[rel]").getOverlay().close();
$("a[rel]").close();

Beide funktionieren nicht.

$(document).ready(function () {
        $("a[rel]").overlay({
            mask: '#3B5872',
            effect: 'apple',
            onBeforeLoad: function () {
                var wrap = this.getOverlay().find(".contentWrap");
                wrap.load(this.getTrigger().attr("href"));
            },
            onLoad: function () {
                $('.contentWrap form').submit(function (event) {
                    event.preventDefault();
                    $("a[rel]").overlay().close();
                    hijack(this, update_employees, "html");
                });
            }
        });
    });

    function hijack(form, callback, format) {
        $.ajax({
            url: form.action,
            type: form.method,
            dataType: format,
            data: $(form).serialize(),
            success: callback
        });
    }

    function update_employees(result) {
        $("#gridcontainer").html(result);
    }

Irgendwelche Vorschläge?

Ich benutze Chrome, weil das Ereignis "onLoad" scheint nicht korrekt in FF.

InformationsquelleAutor Rookian | 2010-07-16
  1. 17

    Wie diese:

    $("a[rel]").overlay().close();

    Für die meisten scripting-Aufruf der original-Methode, z.B. .overlay() dann rufen Sie die Methode, die Sie wollen auf das Objekt.

    • leider ist dies nicht für mich arbeiten. Ich bearbeitet meine Frage. Vielleicht wissen Sie, was läuft da schief.
    • Sind Sie immer einen javascript-Fehler an anderer Stelle? Die api ist ziemlich straight forward, getestet habe ich die oben gegen mehrere Seiten...sieht aus wie etwas anderes stört.
    • Nein, es ist kein Fehler.
    • Ich hab das problem gefunden. Ich habe mehr als ein "ein[rel]" - element in meine Seite. Ich habe mehrere edit-buttons in einer Tabelle und erstellen Sie eine Schaltfläche, mit der "ein[rel]" - Selektor. Wie erkenne ich, welche "ein[rel]" element geklickt wird oder wie kann ich cache die jQuery-overlay aufgetaucht?
    • Es sollte schließen Sie alle von Ihnen, aber Sie könnte hinzufügen eine click-handler zu a[rel] wie diese: var overlayElem; $('a[rel]').click(function() { overlayElem = $(this); }); dann, wenn Sie schließen möchten, overlayElem.overlay().close();, overlayElem als Globale variable halten Sie die zuletzt geöffneten overlay.
    • vielen Dank Nick Craver =)
    • danke, für mich gearbeitet.

    InformationsquelleAutor Nick Craver
  2. 10

    Müssen Sie api:true im Eigenschaften-wenn Sie möchten, um es zu schließen von js:

    var overlay = $("a[rel]").overlay({
    ...
    api:true
});

overlay.close();
    • dies auch nicht funktioniert 🙁 Das overlay ist noch offen
    • Für mich funktioniert. Schließt überlagerung von Klasse-name. Danke!
    InformationsquelleAutor serg
  3. 5

    Das problem, im Fall der Zuordnung der overlay-Klasse, ist, dass es viele overlay-Elemente, so dass alle geschlossen werden müssen:

    $.each($(".caddy_grid"), function(i, v){$(v).overlay().close();})

    Alternativ ist es möglich, zu simulieren, klicken Sie auf die schließen-Schaltfläche:

    Die Klasse, löst das overlay in meinem Fall ist caddy_grid_overlay, so dass die schließen-Schaltfläche zugegriffen werden kann als:

    $('.caddy_grid_overlay .close').click();
    InformationsquelleAutor coderazzi
  4. 2

    Versuchen

    $("a[rel]").data("overlay").close();

    Ich diese nutzen, um in der Nähe meiner overlays.

    Quelle : http://forum.jquery.com/topic/having-trouble-timing-jquery-tools-overlay-to-close-after-a-few-seconds

    InformationsquelleAutor Kowlown
  5. 2

    Es wird für Sie arbeiten, Bitte hier den code,

    var api = $("a[rel]").data("overlay");

api.close();//close this overlay

    Referenz :

    http://jquerytools.org/documentation/overlay/index.html#api

    http://jquerytools.org/documentation/scripting.html

    InformationsquelleAutor AndyTran2222
  6. 1
     $(document).ready(function() { 
    var overlayObject = $("a[rel]").overlay({ 
        top: 50,
        expose: {
                    color: '#232323',
                    closeOnClick: true
                },

                onClose:function() {   
                    $('#reg-login').hide();
                    $('#reg-register').hide();
                },
        effect: 'apple'
 });
    InformationsquelleAutor fivefty
  7. 0

    können Sie erstellen, die eine Funktion und rufen Sie es von anywher Sie wollen.

    diese Funktion gonna Arbeit basiert auf Kategorie Namen und einen link.

    Funktion closeOverlay() {
    alert('aa');
    var overlay = $(\"ein.ShowOverlay\").overlay({
    api:true
    });

        overlay.close();
}
    InformationsquelleAutor Reza Shek
Schreibe einen Kommentar