Comment détecter Materialized.js modale de clôture de l'événement?

Comment détecter l'événement de clôture de materialized.js?

Je veux exécuter du code JavaScript lorsque le modal est fermé, soit en cliquant sur fermer la modale bouton ou en appuyant sur la touche echap ou de cliquer sur une autre zone de l'écran.

Je ne sais pas d'un cadre/bibliothèque appelée materialized.js. Entendez-vous cette bibliothèque? materializecss.com/modals.html

OriginalL'auteur Abdul Rahman | 2015-04-21

  1. 10

    Regarde comme vous l'entendez événement de clôture pour modal de la materializecss cadre.

    Comme pour 0.97.1 version (le 15 septembre, 2015) Lors de l'ouverture d'un modal, vous pouvez passer des options (voir: http://materializecss.com/modals.html#options), mais notez que c'est une très illusoire description, que les options ne sont pas enregistrées lors de l'utilisation de lean_modal (https://github.com/Dogfalo/materialize/issues/1464), de sorte qu'ils doivent être transmises uniquement à openModal.

    Pour résumer:

    var onModalHide = function() {
    alert("Modal closed!");
};

$("#id-of-your-modal").openModal({
    complete : onModalHide
});

    OriginalL'auteur Jack L.

  2. 5

    C'est facile maintenant avec la dernière version:

    http://materializecss.com/modals.html

    Vous pouvez personnaliser le comportement de chaque modale à l'aide de ces options. Par exemple, vous pouvez appeler une fonction personnalisée à exécuter lorsqu'un modal est rejeté. Pour ce faire, il suffit de placer votre fonction dans le intialization code comme indiqué ci-dessous.

      $('.modal').modal({
      dismissible: true, //Modal can be dismissed by clicking outside of the modal
      ready: function(modal, trigger) { //Callback for Modal open. Modal and trigger parameters available.
        alert("Ready");
        console.log(modal, trigger);
      },
      complete: function() { alert('Closed'); } //Callback for Modal close
    }
  );
    Eh bien, c'est très bon, cette fonctionnalité sera atteint dans mon prochain projet sha Allah. Merci, @Syed.

    OriginalL'auteur Syed

  3. 1

    Peut-être que je suis trop tard pour partager mes idées ici, mais dans le cas où vous souhaitez passer une variable/argument dans votre expression de fonction quand modal à proximité. Vous pouvez utiliser ce code

    var onModalHide = function(param1) {
    alert("Modal closed!");
};

$("#id-of-your-modal").openModal({
    complete : onModalHide('your_parameter')
});

    E. g. lorsque vous souhaitez réinitialiser les champs de votre formulaire quand modal à proximité. Espérons que cela aidera. Par ailleurs, grâce à Jack L/@Jack L. (je ne sais pas comment parler de T. T)

    Cela ne fonctionne pas car ajouter des paramètres à la fin de la fonction exécute immidiately et undefined est retourné à la place.
    C'est un point de vue précieux! Et il n'est jamais trop tard 🙂

    OriginalL'auteur S. Domeng