Wie Sie in der Nähe Materialisieren modal, nur wenn der Benutzer klickt auf close-btn?

Möchte ich schließen -, modal -, NUR wenn der Benutzer klickt auf Schaltfläche "schließen". Ich weiß, wie man dies in der Bootstrap. Können Sie helfen mit Materialisieren?

InformationsquelleAutor Brightest.Sirius | 2015-12-19

  1. 3

    $(document).ready(function(){
    $('#modal1').openModal({
    dismissible:false
    });
    });

    Versuchen Sie Dies, Es funktionierte für mich

    InformationsquelleAutor Tauseef

  2. 3

    Schließen kann man das modal mit dem folgenden code: 

    $('#modalname').closeModal(); or  $('#modalname').modal('close');

    InformationsquelleAutor Wouter Schoofs

  3. 1

    Keiner der Methoden die für mich funktionieren. Dies war jedoch,

    $('#modal1').closeModal({ dismissible: true});
    $('#modal1').openModal({ dismissible: false}); haben es geschafft!

    InformationsquelleAutor Chandan Purohit

  4. 0

    Setzen Sie einfach die Daten-hintergrund-Eigenschaft statisch.

    InformationsquelleAutor Frawel

  5. 0

    Folgenden code funktionierte für mich.

    $('#modal1').closeModal();

    Referenz: materializecss

    InformationsquelleAutor Captain Sparrow

  6. 0

    Den leanModal(), openModal(), und closeModal() nicht alle für mich. Müssen die Dinge haben sich seitdem verändert. Stattdessen:

    $("#modal1").modal({
    dismissible: false
  });

    oder auch nur den Aufruf der modal ein zweites mal: 

    $("#modal1").modal();
    Materialisieren aus geschaltet leanModal zu modal mit version 0.97.8

    InformationsquelleAutor mac

  7. 0

    Wenn Sie nur wollen, um die einfügen-Taste zum schließen des modalen (irgendwann CSS-Konflikt nicht zulassen, dass der modal zu schließen), verwenden Sie diese:

    <span 
   class="modal-action modal-close"
   style="float:right; font-size:30px;" 
   onclick="$('#myModal2').closeModal();"
>
X
</span>

    InformationsquelleAutor Snehil Wani

  8. 0

    Kam über die Notwendigkeit, etwas ähnliches zu tun und dachte, ich Teile diese mit anderen, die suchen, ist es auch. Ich bin mit Materialisieren 1.0.0 und keiner der obigen Vorschläge für mich gearbeitet. Grundsätzlich wollen wir in der Lage sein, die Kontrolle über die modal 'dismissible' - Eigenschaft, und ändern Sie es, Wann immer wir wollen, wo immer wir wollen, und es sollte keine Rolle spielen, ob Sie vor oder nach der modal geöffnet ist. Der eleganteste Weg, ich fand, war, es zu tun auf diese Weise. Diese Kontrolle wird das modale Verhalten vor dem verschwinden, wenn ein Benutzer klickt außerhalb der Fläche.

        var m = M.Modal.getInstance(modal);
    m.options.dismissible = true|false;

    wo der modal-param ist Ihre modale div.

    Hoffe, das hilft.

    InformationsquelleAutor Kalabaaz

Schreibe einen Kommentar