Twitter bootstrap 为什么在数据解除触发时引导模式关闭缓慢;“模态”;

Twitter bootstrap 为什么在数据解除触发时引导模式关闭缓慢;“模态”;,twitter-bootstrap,bootstrap-modal,Twitter Bootstrap,Bootstrap Modal,我尝试了一个简单的模式,作为一个带有“#取消”按钮的对话框来关闭模式。 你知道为什么在我将data dismission=“modal”应用于“#cancel”时,模式消失得更慢吗 我猜可能会涉及动画,但我不确定如何禁用它。以下是html中的整个模式: <div class="modal fade" id="glossary-modal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="g

我尝试了一个简单的模式,作为一个带有“#取消”按钮的对话框来关闭模式。 你知道为什么在我将data dismission=“modal”应用于“#cancel”时,模式消失得更慢吗

我猜可能会涉及动画,但我不确定如何禁用它。以下是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>

鬼项
取消
拯救
查看词汇表
因为您使用了“模式”而不是“模式淡入淡出”,所以它会慢慢淡出。解决方法是使用“模态”。它会直接消失

<div class="modal"></div> instead of <div class="modal fade"></div>         
而不是

我试过了,现在我的模式开始是:,但它没有改善,仍然比手动触发器慢得多。事实上,仍然很慢我实现了相同的代码,并且模式在不到一秒钟内被解除,可能是您的配置或数据消耗问题
<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>
<div class="modal"></div> instead of <div class="modal fade"></div>