Jquery 当有更多模态时，按ID隐藏模态

我有一个包含多个模态的页面，我通过唯一ID打开它们，如下所示：

%a{"data-toggle" => "modal", href: "#modal-123", role: "button"}
%a{"data-toggle" => "modal", href: "#modal-456", role: "button"}

这很好，但问题是关闭特定模式。默认情况下，这是通过以下方式完成的：

.modal.fade{:style => "display: none;", :tabindex => "-1", id: "modal-123"}
  .modal-dialog
    .modal-content
      .modal-header
      .modal-body
      .modal-footer
        %button.btn.btn-default{"data-dismiss" => "modal", :type => "button"} Close

但这不起作用，因为它不知道关闭哪一个模态。如何使其关闭具有特定ID的模式？

您可以在此基础上调用

模式（隐藏）

方法

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

---

通过javascript，您可以使用

.modal（'hide'）

方法按ID关闭特定的模态。比如：

$('#modal-456').modal('hide');

---

我想你可以使用下面的代码，这会有所帮助。 基本上，单击可以获得单击事件，其中特定的模态 我会躲起来的

$('#your-modal-id').on('click', '[data-dismiss="modal"]', function(e){ e.stopPropagation(); }); $（“#您的模式id”）。在（'click'，“[data dismission=“modal”]”上，函数（e）{e.stopPropagation（）； });

---

删除数据解除属性。然后加上

$('.btn.btn-default').click(function(){
   $(this).modal('hide');
});

---

是否涉及任何预处理器？您可能希望将其标记到问题，或者发布纯HTML。