Ajax 接触加载后切换引导模式答案

【问题标题】：Toggle bootstrap modal after Ajax contact loadAjax 接触加载后切换引导模式
【发布时间】：2017-01-20 14:21:07
【问题描述】：

我正在使用引导切换来加载带有远程内容的模式

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

但是，当加载此内容时，Ajax 模式切换将停止工作。有什么解决方法吗？珍惜你的时间

【问题讨论】：

标签： javascript jquery ajax twitter-bootstrap

【解决方案1】：

Bootstrap modals 有一种方法可以做到这一点。

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

这应该可以完成工作。或者你可以使用

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

【讨论】：

【解决方案2】：

您可以使用虚拟按钮来调用 ajax 调用，作为响应，您可以触发实际 Modal 链接的点击事件。

在下面添加我的示例：

<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" );
     }
  })
})

如果有帮助，请确认。

【讨论】：