html - 添加表格插件后Bootstrap modal不弹出

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

删除 hide来自模态 div 的类:
<div id="addProjectModal" class="modal fade in" style="display: none; ">