点击超链接第一次能发送请求,第二次点击却不能发送请求

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>

猜你喜欢

转载自blog.csdn.net/yeyiting/article/details/84063082