Twitter 引导模式和阿贾克斯？

Question

我正在使用 Twitter bootstrap modals 从表中加载数据。

这是我的 HTML 代码。

<tr>
....
<td> <a href="http://google.com">Text</a> </td>
....
</tr>

这是页面末尾的模态 div，就像这样

<div id="modal"></div>

我想要实现的是通过单击单元格内的链接我想要更新模态的内容&然后更新完成后自动打开模式。这是我尝试过的。

$('td').on('click','a',function(){
    var href = $(this).attr('href');

        $('#modal').load(href,function(){
            $(this).modal({
                keyboard:true,
                backdrop:true
              });
        });

它不会给我任何错误&实际上，HTML 已成功加载到 Modal div 中，但在更新 HTML 后未加载模式，它需要再次“单击”？！ &我不知道为什么？

Answer 1

这对我有用：

$('div#modal').load(url,function(){
    $(this).modal({
        keyboard:true,
        backdrop:true
    });
}).modal('show'); 

但是提供的 URL 应输出正确的模式，如下所示：

<div class="modal" id="myModal">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body">
        <p>One fine body…</p>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
    </div>
</div>

Answer 2

尝试过吗？

$(this).modal('show'); 

您在实例化模式后立即

Answer 3

你试过吗：

$('td a').on('click', function(){ 
 ...
})