Javascript 如果通过ajax加载，如何在引导中打开模式？

我正在呼叫一个div，其中model是通过Ajax实现的。加载div及其模式后，该按钮将不会打开模式。下面的代码是模态结构，它只是一个，并且已经通过ajax加载：

<div class="ajax-loaded-item">
 <button type="button" class="btn btn-primary" data-toggle="modal" data-target="myModalZ">Large modal</button>

 <div class="modal fade" id="myModalZ" tabindex="-1" role="dialog" aria-labelledby="myModalLabelZ" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title" id="myModalLabelS">Filter our work</h2>
            </div>
            <div class="modal-body">
                Content.....
            </div>
        </div>
    </div>
 </div>
</div>

大模态
过滤我们的工作
内容。。。。。

---

如果我需要重新加载bootstrap.js，其中模态jQuery是通过ajax加载的，那么在我自己的ajax回调之后，是否有一种

init

modal调用可以执行？

首先将接收到的内容附加到body内部某处。然后手动触发模态

$.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');
            });

    }
});

---

请签出。

您可以使用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');
        }
    });
});

---

是的，但是会自动打开它，也许我需要点击一下，因为上面的答案提示让我试试，是的，我确实看到了文档，甚至在我的问题中链接了它们OK bingo。很有效，谢谢。一旦加载了ajax，我就必须通过jQuery定位按钮。@rob.m很高兴我的解决方案能为您服务。很高兴帮助你。把答案标记为已接受。我一同意就做to@CodeLღ然而，当文档准备就绪时，模式html可能不可用。所以在这种情况下，这是行不通的。