Jquery 在页面上使用多个超链接的引导模式
我已经使用引导模式打开弹出模式,以设置我的帐户权限。当我点击第一个链接时,它会准确地打开。但当我点击任何其他链接时。将再次显示以前的数据。我已经试过多次了,但还是不成功。 以下是加载整个列表的表的代码:Jquery 在页面上使用多个超链接的引导模式,jquery,twitter-bootstrap,modal-dialog,Jquery,Twitter Bootstrap,Modal Dialog,我已经使用引导模式打开弹出模式,以设置我的帐户权限。当我点击第一个链接时,它会准确地打开。但当我点击任何其他链接时。将再次显示以前的数据。我已经试过多次了,但还是不成功。 以下是加载整个列表的表的代码: <table class="table table-bordered table-striped table-hover"> <tr> <th>Code</th> <th>Name</th>
<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">×</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包含要显示的内容。请指导我在for循环中创建模式代码,并为每个元素提供一个动态id
权威机构
权威机构
.
.
.
等
模态代码将有不同的id,每个都将在for循环中在for循环中创建模态代码,并为每个元素提供一个动态id
权威机构
权威机构
.
.
.
等
模式代码将有不同的id,每个都将在for循环中将下面的脚本放在模式调用按钮所在的页面中
<script>
//jQuery Library Comes First
//Bootstrap Library
$(document).ready(function() {
$('#myModal').on('hidden.bs.modal', function () {
$(this).removeData('bs.modal');
});
});
</script>
//jQuery库是第一位的
//引导程序库
$(文档).ready(函数(){
$('#myModal').on('hidden.bs.modal',function(){
$(this.removeData('bs.modal');
});
});
它将在关闭时删除以前的数据,并在单击下一行模式按钮打开模式时加载新数据。将以下脚本放在模式调用按钮所在的页面中
<script>
//jQuery Library Comes First
//Bootstrap Library
$(document).ready(function() {
$('#myModal').on('hidden.bs.modal', function () {
$(this).removeData('bs.modal');
});
});
</script>
//jQuery库是第一位的
//引导程序库
$(文档).ready(函数(){
$('#myModal').on('hidden.bs.modal',function(){
$(this.removeData('bs.modal');
});
});
它将在关闭时删除以前的数据,并在单击“下一行模式”按钮打开模式时加载新数据。然后尝试删除href并仅保留数据-target@Nikita这是不可能的,在循环中,他不能创建
数据目标=“#myModal1”
和数据目标=“#myModal2”
之后,唯一的方法是,如果OP将计数器添加到数据目标
,OP接下来要做的就是分别创建modals
,假设他有100条记录,希望您不希望他创建100条
modals,然后尝试删除href并只保留数据-target@Nikita这是不可能的,在循环中,他不能创建data target=“#myModal1”
和data target=“#myModal2”
之后的数据目标,唯一的方法是如果OP将计数器添加到data target
,接下来OP要做的是分别创建modals
,假设他有100条记录,希望你不要让他创建100条
modals