php - Twitter Bootstrap Modal が両方のタブで機能しない

Question

タブとモーダルの両方に Twitter Bootstrap を使用しています。同じコードを使用する 2 つのタブがあります。最初のタブではモーダルは完全に機能しますが、2 番目のタブでは画面が暗くなりますが、モーダルは表示されません。

list.php でモーダルを呼び出すためのコード (両方のタブで使用される同じコード) は次のとおりです。

<a type="button" href="edit.php?id='.$id.'" data-target="#edit_modal" data-toggle="modal">Edit</a>

これがlist.phpの私のモーダルです

<div class="modal hide fade" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
    <h3>Edit Testimonials</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…&lt;/p>
  </div>
</div>

ここに edit.php があり、モーダルの真の本体は

<div id="edit_modal"> 
  <div class="modal-body">
  <?php echo ($name_error != "") ? $name_error : ""; ?>
  <form class="form-horizontal" action="edit.php?id=<?php echo $id; ?>" method="post">
    <div class="control-group">
      <label class="control-label">Testimonial</label>
      <div class="controls">
        <textarea class="input-xlarge" name="body" cols=100 rows=5><?php echo $testimonial['body']?></textarea>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label">Author</label>
      <div class="controls">
        <textarea class="input-xlarge" name="author" cols=100 rows=5><?php echo $testimonial['author']?></textarea>
      </div>
    </div>
    </div>
    <div class="modal-footer">
      <input type="submit" class="btn btn-primary" value="Update Testimonial" name="submit-form" />
      <a href="#" class="btn" data-dismiss="modal">Close</a>  
    </div>
  </form>
</div>