Question

我正在使用Twitter Bootstrap作为标签和模态。我有两个使用相同代码的选项卡。在第一个选项卡中，模态完美地工作，但在第二个选项卡中，屏幕会变暗但模态不会出现。

这是我在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…</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>

Twitter Bootstrap Modal在两个选项卡中都不起作用

0 个答案: