从while循环调用modal

时间:2017-04-18 18:02:55

标签: php html twitter-bootstrap

我做了一个有一个按钮的while循环。该按钮需要调用下面显示的bootstrap模式。

所以我不太清楚如何做到这一点。我必须给我的模态一个名字,并在按钮上设置该名称吗?模态代码应该进入while循环吗?

的index.php

while($row = $res->fetch_assoc()) {
            echo "id: " . $row["id"]. "<br>" . 
              "<button type="submit" class="btn btn-warning">Read More </button>";
            } 

模态:

<!-- This is my modal -->
<div class="modal fade">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
       <!-- A lot of irrelevant code for the question -->
      </div>
    </div>
  </div>
</div>

<script>$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').focus()
})</script>

1 个答案:

答案 0 :(得分:1)

很难回答,因为你的问题中没有足够的元素来理解你想要达到的目标。

但是,我会说在循环外只需要一个模态代码。

您可以在循环中生成所需的所有按钮。他们都调用你的模态,并且每次调用时都会用JS更新模态内容。