在页面上使用多个超链接的引导模式

Question

我使用引导模式打开弹出模式以设置我的帐户权限。当我点击第一个链接时，它会准确打开。但是当我点击任何其他链接时。再次显示之前的数据。我已经尝试了多次，但仍然不成功。

这是加载整个列表的表格代​​码：

<table class="table table-bordered table-striped table-hover">
    <tr>
    <th>Code</th>
    <th>Name</th>
    <th>Authorities</th>
    <th>Password</th>
    <th>Status</th>
    </tr>
<?php
foreach($res as $data) {
    ?>
    <tr>
        <td><?php echo $data[INST_CODE]; ?></td>
        <td><?php echo $data[INST_NAME]; ?><?php echo "  ($insttype)"; ?></td>

        <td><a data-toggle="modal" data-target="#myModal" class="btn btn-info" href="auth2.php?inst_code=<?php echo $data[INST_CODE]; ?> ">Authorities</a></td>
    </tr>
<?php
}
?>
</table>

这是模式代码：

<div id="myModal" class="modal fade" 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>Some text in the modal.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

auth2.php 包含要显示的内容。请指导我

Answer 1

将下面的脚本放在Modal调用按钮所在的页面中

<script>
//jQuery Library Comes First
//Bootstrap Library
$(document).ready(function() {
    $('#myModal').on('hidden.bs.modal', function () {
          $(this).removeData('bs.modal');
    });
});
</script>

它会在关闭时删除以前的数据，并在点击下一行模式按钮打开模式时加载新数据。

Answer 2

在 for 循环中创建模态代码并为每个元素提供动态 ID <td><a data-toggle="modal" data-target="#myModal1" class="btn btn-info" >Authorities</a></td> <td><a data-toggle="modal" data-target="#myModal2" class="btn btn-info" >Authorities</a></td> . . . 等等

和模态代码将有不同的 id 并且每个都将在 for 循环中