Блог

У меня есть модальный пост и модальный штамп внутри модального поста.

Я впервые открыл модальное сообщение и нажал кнопку «штамп» внутри модального сообщения, чтобы открыть модальное сообщение

Он был обработан нормально, но когда я закрыл модальный штамп и модальный пост, затем открыл другой модальный пост и открыл модальный штамп, возникла проблема.

main.blade.php

 $("#open_post_modal").on('hide.bs.modal', function(event) {  if(history.state === "modal") {  history.back();  }  });  $("#open_post_modal").on('show.bs.modal', function(event) {  console.log("main show");  if (event.target.id === 'open_post_modal') {  console.log("main open post modal");  var button = event.relatedTarget;  var postID = button.getAttribute('data-bs-post-id');  var modalBody = $(".modal-content");  var urlPath = '';   if(history.state == null) {  urlPath = "/post/" postID;  } else {  urlPath = location.href;  }   $.ajax({  url: '/post/' postID "/get",  type: 'get',  success: function(data) {  modalBody.html(data);  history.pushState('modal', 'modal', urlPath);  var button = event.relatedTarget;   },  error: function(err) {  console.log(err);  }  })  } else {  console.log(event);  }  // else if (event.target.id == 'openStampModal') {  // // do stuff when the outer dialog is hidden.  // }  // $(this).off("show.bs.modal");  event.stopPropagation();  });  

post.blade.php

 $("#openStampModal").on('hide.bs.modal', function(event) {  event.stopPropagation();  });  $("#openStampModal").on('show.bs.modal', function(event) {  console.log(event);  console.log(event.target.id);  if (event.target.id === 'openStampModal') {  var modalBody = $("#openStampModal .modal-content");  var button = event.relatedTarget;  var id = button.getAttribute('data-bs-id');  var type = button.getAttribute('data-bs-type');   $.ajax({  url: '/stamp',  type: 'get',  success: function(data) {  modalBody.html(data);  $("#openStampModal").on('shown.bs.modal', function(event) {  // event.stopPropagation();  $("#category-data .stamp-list:first button").click();  $("#openStampModal input[name=type]").val(type);  $("#openStampModal input[name=id]").val(id);  });  },  error: function(err) {  console.log(err);  }  })  }  })  

I was able to narrow down the scope of the problem by testing one by one.

When I open the post modal for the first time and open the stamp modal, it works properly

It seems to work properly until I close the stamp modal and the post modal and reopen the post, but in the process of clicking the stamp to bring up the stamp modal It is confirmed that the show.bs.modal event set in the post works. You must replace this with the show.bs.modal event set in the stamp. How can I do this?