Question

我正在研究node.js并使用bootstrap进行设计。最初我的模态工作正常。但是在添加tableSorter插件后，当我点击链接上的一个打开模态时，我的整个屏幕变为黑色，屏幕上看不到模态。

以下是我使用的代码

<a data-toggle="modal" href="#addProjectModal" class="openAddModalDialog btn btn-primary  btn-custom-darken"> + Add project</a>
<div id="addProjectModal" class="modal hide fade in" style="display: none; ">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Enter project details</h3>
  </div>
  <div class="modal-body ">
    <form id="project-form" method="POST" action="/" class="form-horizontal well form-inline span6  custom-form">
      <div class= "row">
        <div class = "control-group">
          <label class="col-xs-2 control-label" for="projId">Project Id</label>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input name="projId" placeholder="Project id" class="form-control  input-xlarge"><br>
        </div>
      </div>
    </form>
  </div>
</div>

Answer 1

查看Bootstrap Modal的演示是否有助于http://www.tutorialspark.com/twitterBootstrap/TwitterBootstrap_Modals.php

Answer 2

从模态div中删除hide类：
<div id="addProjectModal" class="modal fade in" style="display: none; ">

添加表插件后，不会弹出Bootstrap模式

2 个答案: