Bootstrap Multiple Modals

Question

我有一個應用程序可以將多個聯繫人添加到公司。聯繫人通過引導彈出窗口模式添加。我的客戶想要一個「Save and New」按鈕，在保存當前聯繫人後再次自動顯示彈出窗口。有沒有人有一個想法如何做到這一點。我已經Google搜索，但找不到任何東西。

Answer 1

有可能有幾種方法來解決這個問題。瞭解「保存」表單現在可能會有所幫助。它是否真的提交，因此做一個回發到頁面，然後將聯繫人數據保存到數據庫？或者，你有一個ajax帖子與保存數據的按鈕綁定，然後關閉模式？

我打算假設，如果用戶點擊「保存並新建」按鈕，它會做一個帖子。因此，你的功能看起來像這樣：

$("#saveAndNew").on("click", function() { 

    $.post("saveContact.php", 
     { 
      firstName: $("#contactFirstName").val(), 
      lastName: $("#contactLasttName").val(), 
      phoneNumber: $("#contactPhone").val() 
     }, 
     function (data, status) { 

      if (status == "success") { 
       // if the post saves the data without a problem 
       $("#contactModal").modal("hide"); 
       $("#contactForm")[0].reset(); 
       $("#contactModal").modal("show"); 
       $("#contactMessage").html("Contact saved! Ready for a new contact."); 

      } else { 
       // tell the user there was a problem with their search 
       $("#contactMessage").html("Unable to save contact to database."); 
      } 
    }); 

}); 

希望這會有所幫助。