Question

我尝试了一个简单的模态作为一个对话框，带有一个关闭模态的“#cancel”按钮。当我将data-dismiss =“modal”应用于“#cancel”

时，任何想法为什么模态消失得慢得多

<button id="cancel" type="button" class="btn btn-warning btn-boglow" data-      
dismiss="modal">Cancel</button>

与手动触发相比：

$('body .modal-footer #cancel').on("click", function() {
  $(this).closest(".modal").modal("hide");
  return false;
});

我的猜测是可能涉及动画，但我不知道如何禁用它。下面是html中的整个模态：

<div class="modal fade" id="glossary-modal" data-backdrop="static" tabindex="-1"        role="dialog" aria-labelledby="glossary-term" aria-hidden="true">
  <div class="modal-content">
    <div class="modal-header">
      <h3 class="modal-title" id="glossary-term">ghost term</h3>
    </div>
    <div class="modal-body">
      <input id="glossary-definition" type="text" autofocus="autofocus" placeholder="Define this term" autocomplete="off">
    </div>
    <div class="modal-footer">
      <button id="cancel" type="button" class="btn btn-warning btn-boglow" data-dismiss="modal">Cancel</button>
      <button id="save" type="button" class="btn btn-success btn-ngglow">Save</button>
      <button id="glossary-link" type="button" class="btn btn-sm btn-primary btn-dbglow">View glossary</button>
    </div>
  </div>
</div>

Answer 1

因为你使用了“模态”而不是“模态淡化”，所以它会逐渐消失。解决方案是使用“模态”。它会直接消失。

<div class="modal"></div> instead of <div class="modal fade"></div>

当数据解除=＆＃34;模态＆＃34;触发时，为什么Bootstrap模态缓慢关闭？

1 个答案: