jQuery Tools: Comment fermer une superposition?

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

Les deux ne fonctionnent pas.

$(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);
    }

Des suggestions?

J'utilise Chrome parce que l'événement onLoad ne semble pas fonctionner correctement dans les FF.

InformationsquelleAutor Rookian | 2010-07-16

17

Comme ceci:
```
$("a[rel]").overlay().close();
```
Pour la plupart de leurs scripts vous appelez la méthode d'origine, par exemple .overlay() alors appel la méthode que vous souhaitez sur cet objet.
- malheureusement, cela ne fonctionne pas pour moi. J'ai édité ma question. Peut-être que vous savez quel est le problème là.
- Êtes-vous d'obtenir une erreur javascript ailleurs? L'api est assez simple, j'ai testé la ci-contre, plusieurs sites...qui ressemble à quelque chose d'autre est en conflit.
- non il n'y a pas d'erreur.
- J'ai trouvé le problème. J'ai plus d'un "a[rel]" élément de ma page. J'ai plusieurs boutons d'édition dans une table et de créer un bouton qui correspond à la "a[rel]" sélecteur. Comment puis-je détecter un "[rel]" élément est cliqué ou comment dois-je cache le jQuery overlay qui est sorti?
- doit près tous d'entre eux, mais vous pouvez ajouter un gestionnaire d'événements click pour a[rel], comme ceci: var overlayElem; $('a[rel]').click(function() { overlayElem = $(this); }); ensuite, lorsque vous souhaitez fermer, overlayElem.overlay().close();, overlayElem étant une variable globale pour la tenue de la dernière ouverture de superposition.
- merci beaucoup Nick Craver =)
- merci, a travaillé pour moi.
InformationsquelleAutor Nick Craver
10

Vous devez définir api:true dans les propriétés si vous voulez le fermer js:
```
var overlay = $("a[rel]").overlay({
    ...
    api:true
});

overlay.close();
```
- cela ne fonctionne pas trop : La superposition est toujours ouverte
- Fonctionne pour moi. Ferme de superposition par le nom de classe. Merci!
InformationsquelleAutor serg
5

Le problème, dans le cas de l'attribution de la superposition d'une classe, c'est qu'il y aura beaucoup de superposition d'éléments, de sorte que tous doivent être fermés:
```
$.each($(".caddy_grid"), function(i, v){$(v).overlay().close();})
```
Alternativement, il est possible de simuler un clic sur le bouton fermer:

La classe qui déclenche la superposition dans mon cas, c'est caddy_grid_overlay, de sorte que le bouton de fermeture peut être accédé comme:
```
$('.caddy_grid_overlay .close').click();
```
InformationsquelleAutor coderazzi
2

Essayer
```
$("a[rel]").data("overlay").close();
```
Je l'utilise pour fermer mon superpositions.

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

InformationsquelleAutor Kowlown
2

Il va travailler pour vous, Veuillez consulter le code ici,
```
var api = $("a[rel]").data("overlay");

api.close();//close this overlay
```
Référence :

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

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

InformationsquelleAutor AndyTran2222

 $(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

0

vous pouvez créer une fonction et l'appeler à partir d'anywher vous le souhaitez.

cette fonction va travailler en fonction de la classe nom et un lien.
fonction closeOverlay() {
alert ("aa");
var superposition = $(\"un.ShowOverlay\").superposition({
api:vrai
});
```
    overlay.close();
}
```
InformationsquelleAutor Reza Shek

Vous devez vous connecter pour publier un commentaire.