1、点击超链接并弹出modal(模态框)
问题:第一次发送请求并得到响应成功,但是重新点击原来或其他超链接均不能把请求提交到后台。均弹出同上modal。
原因:<div class="modal fade" id="photoInfoModal" role="dialog"></div>
前端指定了同一modal框。
或者未清除modal中的数据。
解决:只要指定不同modal框即可。或者清除madal中的数据。
for ( var i=0, ien=json.data.length ; i<ien ; i++ ) {
json.data[i].operation='<a href="rest/monitoringpointinfo/pointinfoquery/pointPhotoInfo?id='+json.data[i].id+'" data-toggle="modal" data-target="#photoInfoModal'+json.data[i].id+'" class="btn btn-primary btn-sm">详情</a>'
+'<div class="modal fade" id="photoInfoModal'+json.data[i].id+'" role="dialog"></div>';
}
<script>
jQuery(document).ready(function() {
$('#photoInfoModal').on('hidden.bs.modal',function(e){
$(this).removeData('bs.modal');
});
});
</script>