2

我将 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…&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>
4

0 回答 0