Laden Sie das gleiche Twitter-Bootstrap-Modal erneut, nachdem das erste eingereicht wurde.

Question

Ich habe ein Bootstrap-Modal, das ein Formular enthält, das erfolgreich übermittelt wurde und die Erfolgsmeldung erhalten hat. Nehmen wir an, ich möchte einen Link zum selben Modal hinzufügen, um dasselbe Formular aus dem aktuellen geöffneten Modal zu laden.

Wenn ich auf den Link klicke, wird das Modal versteckt.

Dies ist mein Link, der zum Modal verlinkt.

Registrieren

Danke

Answer 1

Der Weg, den ich wählen würde, um dies anzugehen, besteht darin, die Formulardaten in einem versteckten

(nennen wir es formData) zu haben, das vollständig separat vom Modal-

ist. Zum Beispiel:

      Name: 
      Absenden

Dann ein Ereignis erstellen, so dass beim Anzeigen des Modals die Formulardaten in den Body des Modals geladen werden:

$("#myModal").on("show", function() {
    // das Modal mit Inhalten aus dem 

Dann schließlich ein Ereignis zum Button hinzufügen, der das Formular neu lädt (hier hat der Button eine id = myReload):

$("body").on('click', 'a.btn-primary', function() {
      // Ein Button mit der Klasse btn-primary wurde geklickt. Wenn dies der Neuladen-Button ist,
      // das HTML in das Modal neu laden
      if ($(this).attr("id") == "myReload") {
                 $(this).parent().html($("#formData").html());
      }
});

JSFiddle hier. (Ignorieren Sie den Code für den Absenden-Button, das dient nur zur Simulation des Formularabsendens).