Daten-Entlassen: Wie entlassen bootstrap modal innerhalb der Funktion

Habe ich ein modal, in dem ich bestätigen müssen einige Eingaben mit Knock-out-Validierung.
Wenn ich auf den submit-button wird eine Funktion aufgerufen, die die Daten überprüft. Die folgende Funktionalität ist zu erwarten:

  • Wenn die Validierung fehlschlägt, wird der modal geöffnet bleibt und die Validierung der Grund dafür angezeigt.
  • Wenn die Validierung erfolgreich ist, möchte ich schließen Sie den modal.

Wie kann ich gehen, um die Schließung der modalen innerhalb der Funktion?

Können Sie uns ein Turnschuh? Es sollte ziemlich geradlinig, normalerweise Bootstrap und andere jQuery-basierte Pakete haben einen 'close' - Methode, die Sie aufrufen können, auf das element

InformationsquelleAutor Daryl | 2014-07-09

  1. 10

    Was haben Sie bisher ausprobiert?

    Pro die Bootstrap-Dokumentation

    $('#myModal').modal('hide')

    Lesen Sie bitte die Dokumentation!


    http://getbootstrap.com/javascript/#modals

    Ich war unter dem Eindruck, dass die Daten-entlassen und verstecken waren anders. Deine Lösung funktioniert wie ein Charme. Danke!

    InformationsquelleAutor Cheruvian

  2. 3

    Stellen Sie eine andere Taste, wie diese

    <button type="button" class="btn btn-warning btn-lg shiny" data-dismiss="modal" aria-hidden="true">Cancel</button>

    Diese Schaltfläche, enthält data-dismiss="modal" .Sie können ausblenden diese Schaltfläche, wenn Sie möchten.

    Jetzt können Sie beliebige andere Funktion in einer angepassten Art und Weise und, wenn Sie wollen, um zu verbergen das modale aufrufen Sie können

    $(".btn-warning").click();

    InformationsquelleAutor Bugfixer

  3. 0

    Oben hat bei mir nicht funktioniert, leicht verändert und vergeben Sie eine id für die Schaltfläche, und verweisen darauf, dass Art und Weise. Ich habe gerade verwendet die Abbrechen-Schaltfläche, die war schon auf meiner modales Formular und fügte id="cancel-btn".

    <button type="button" class="btn btn-ar btn-default" id="cancel-btn" data-dismiss="modal">  

$('#cancel-btn').click();

    InformationsquelleAutor Mary

Schreibe einen Kommentar