Question

当我在单独的文件中使用它时，我的引导模式运行得非常好，但当我将其包含在我的模板中时，它不起作用。我不知道为什么我无法打开它，它只是打开并立即消失。它应该出现，直到我点击按钮关闭。你们其中任何一个人对这个问题有什么看法吗？你能帮我吗？这是我的模态

<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal">Delete</button></center>

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <p>Do you want to delete it?</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      <a href="error_delete.php?id=<?php echo $_GET['id'];?>" class="btn btn-danger btn-sm" role="button">Delete</a>
    </div>
  </div>

</div>

Answer 1

这是工作模式： http://plnkr.co/edit/yqcfwWkI1aC3VSS3aNil?p=preview

<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal">Delete</button>

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <p>Do you want to delete it?</p>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      <a href="error_delete.php?id=<?php echo $_GET['id'];?>" class="btn btn-danger btn-sm" role="button">Delete</a>
    </div>
  </div>
</div>
</div>

您的HTML中存在一些问题。

Answer 2

<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal">Delete</button></center>

请删除＆＃34; center＆＃34;来自你的HTML。

你需要在最后关闭一个div。

Answer 3

您的应用程序中可能存在相同模板，请使用modelID搜索应用程序代码。

无法显示bootstrap模式？

3 个答案: