如果通过ajax加载，如何在bootstrap中打开模态？

我正在调用一个div，其中模态是通过Ajax。 加载div及其模态后，按钮将不会打开模态。 下面的代码是模态结构，它只是一个来自bootstrap的普通模态 ，并且已经通过ajax加载：

 Large modal 
 
 
 
 
Filter our work
 
 
 Content..... 
 
 
 
  

如果我需要重新加载bootstrap.js，其中模态jQuery是内容现在通过ajax加载，是否有一种我可以在我自己的ajax回调之后执行的init模式调用？

Answer 1

您可以使用jQuery打开模式：

 $(document).ready(function(){ $('button[data-target="myModalZ"]').click(function(){ $('#myModalZ').modal('show'); }); }); 

更多文档在这里 。

编辑：

 $(document).ready(function(){ $('button[data-target="myModalZ"]').click(function(){ if($('#myModalZ').length){ $('#myModalZ').modal('show'); } else { alert('Your message'); } }); }); 

Answer 2

首先将收到的内容附加到身体内部。 然后手动触发模态。

 $.ajax( { url: "http://www.example.com/someAPI", success: function(result){ // Append content somewhere // Init button click event once your content is ready $('button[data-target="myModalZ"]').click(function(){ $('#myModalZ').modal('show'); }); } }); 

请在此处查看完整的文档 。