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

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

从模态DIV取出hide类的代码：
<div id="addProjectModal" class="modal fade in" style="display: none; ">

Answer 2

看看这个示范引导模态的帮助http://www.tutorialspark.com/twitterBootstrap/TwitterBootstrap_Modals.php