将函数绑定到 Twitter Bootstrap Modal Ajax Complete答案

【问题标题】：Bind a function to Twitter Bootstrap Modal Ajax Complete将函数绑定到 Twitter Bootstrap Modal Ajax Complete
【发布时间】：2013-12-02 09:44:32
【问题描述】：

我将它用于引导模式：

<a href="one/url" data-target="#add-follow-up-modal" role="button" class="btn" data-toggle="modal">                 
    Load
</a>
<div id="add-follow-up-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-body">
        <p>Please wait…</p>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
</div>

现在，我想在 ajax 加载完成后运行一个函数。

有什么想法吗？

【问题讨论】：

你用什么来进行 ajax 调用？
你的 ajax 调用在哪里。
当我在链接中设置href时，自动引导加载one/url并放入modal-body

标签： javascript jquery ajax twitter-bootstrap

【解决方案1】：

默认情况下，bootstrap modal 不会触发 ajax 加载事件，您可以在 bootstrap documentation 的 modal 部分查看触发事件列表。

然而，你可以做的是编写你自己的函数，通过 ajax 将内容加载到模态体的主体，并附加一个 .done() 到它。

【讨论】：

谢谢。我试试这个：$('#my-modal').on('shown', function () { $.get( "one/url", function( data ) { $('.modal-body').html(data); //do somethings that i want }); });

【解决方案2】：

从链接中删除href

在 ajax 成功添加 href="one/url" 到您的“a”属性，然后触发点击您的链接

【讨论】：