如何使用 JavaScript 或 jQuery 刪除 Modal 的 data-dismiss 屬性？

Question

我正在制作一個引導模式。 如果我在 ajax 響應容器錯誤時單擊按鈕，我希望模態不會關閉。

<button class="btn btn-success mb-5 btn-md" type="submit" id="form_submit_1" data-toggle="modal" data-target="#agentForm2" data-dismiss="modal">Next</button>

我試過這個，但沒有用。 還檢查了引導程序文檔，但沒有找到任何幫助。

 var modal1 = $('#form_submit_1'); 

 var data_dismiss = modal1.attr("data-dismiss");

 data_dismiss === "";

有沒有辦法使用 JavaScript 或 jQuery 刪除data-dismiss屬性？

Answer 1

您可以通過以下方式防止這種情況

$("#form_submit_1").on('hide.bs.modal', function(){
  alert('The modal is about to be hidden.');
  /** do your stuff here */
  return false;
});

您可以在此處查看完整文檔 - https://www.w3schools.com/bootstrap/bootstrap_ref_js_modal.asp

首選鏈接 - https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_modal_event_hide&stacked=h