[英]Toggle bootstrap modal after Ajax contact load
我正在使用bootstrap切换来加载具有远程内容的模态
<button data-toggle="modal" href="content.php?id=<?php echo strip_tags($results['id']);?>" data-target="#myModal">Click me</button>
但加载此内容时,Ajax模式切换将停止工作。 这有什么解决方法吗? 感谢你的时间
Bootstrap模态有一个执行此操作的方法。
$('#myModal').modal('toggle');
那应该做的工作。 或者你可以使用
$('#myModal').modal('show');
$('#myModal').modal('hide');
您可以使用虚拟按钮来调用ajax调用,作为响应,您可以触发实际Modal链接的click事件。
添加我的示例如下:
<button id="beforeModalLoad">Show MOdal</button>
<button data-toggle="modal" id="actualLinkToModal" style="display:none;" data-target="#myModal">Click me</button>
$("#beforeModalLoad").click(function(){
$.ajax(function(){
....
success: function(data){
$("#actualLinkToModal").trigger( "click" );
}
})
})
请确认是否有帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.