Jquery Outils Superposition appeler sur la fonction javascript

Question

J'ai une fenêtre jquery overlay dans mon html avec un bouton pour l'activer, voici le code.

        Authentification échouée

       Soit votre nom d'utilisateur, soit votre mot de passe a été saisi incorrectement.
       Veuillez vous assurer que votre nom d'utilisateur ou votre mot de passe est correctement saisi...

         OK 

Voici le script Jquery tools

$(document).ready(function() {
    var triggers = $(".modalInput").overlay({
        // quelques ajustements de masque adaptés aux boîtes de dialogue modales
        mask: {
            color: '#a2a2a2',
            loadSpeed: 200,
            opacity: 0.9
        },
        closeOnClick: false
    });

    var buttons = $("#yesno button").click(function(e) {
        // obtenir l'entrée de l'utilisateur
        var yes = buttons.index(this) === 0;

        // faire quelque chose avec la réponse
        triggers.eq(0).html("Vous avez cliqué sur " + (yes ? "oui" : "non"));
    });

    $("#prompt form").submit(function(e) {
        // fermer le overlay
        triggers.eq(1).overlay().close();

        // obtenir l'entrée de l'utilisateur
        var input = $("input", this).val();

        // faire quelque chose avec la réponse
        triggers.eq(1).html(input);

        // ne pas soumettre le formulaire
        return e.preventDefault();
    });

});

Et voici comment il est appelé en cliquant sur un bouton ou un lien hypertexte

"Vous avez cliqué sur non"

Tout ce que je veux, c'est ne pas afficher la superposition en cliquant sur un bouton ou un lien. Est-il possible de l'appeler via une fonction javascript comme "showOverlay()" ??

Answer 1

Vous avez 2 options, il y a une load option que vous pouvez utiliser, comme ceci :

var triggers = $(".modalInput").overlay({
 mask: {
  color: '#a2a2a2',
  loadSpeed: 200,
  opacity: 0.9
 },
 closeOnClick: false,
 load: true
});

Cela l'ouvre immédiatement, vous pouvez voir la démo de l'API ici. Si ce que vous voulez est simplement afficher l'overlay à un moment ultérieur après l'avoir configuré, il suffit de déclencher l'événement auquel il est lié, click, comme ceci :

$(".modalInput").click();

Cela déclenche le même comportement de gestionnaire que si vous cliquiez réellement sur un bouton ou un lien, ouvrant l'overlay.