在Ajax联系加载后切换引导模式

Question

我正在使用bootstrap切换来加载具有远程内容的模态

<button data-toggle="modal" href="content.php?id=<?php echo strip_tags($results['id']);?>" data-target="#myModal">Click me</button>

但加载此内容时，Ajax模式切换将停止工作。这有什么解决方法吗？感谢您的时间

Answer 1

Bootstrap模式有一个执行此操作的方法。

$('#myModal').modal('toggle');

那应该做的工作。或者你可以使用

$('#myModal').modal('show');
$('#myModal').modal('hide');

Answer 2

您可以使用虚拟按钮调用ajax调用，作为响应，您可以触发实际模态链接的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" );
     }
  })
})

请确认是否有帮助。