1

我一直在尝试使用 twitter 引导程序执行动态模式，如下所示：

$('#myModal').on('hide', function () { 
    $(this).removeData('modal');
    $('.loading-modal').remove();
})

每次我点击按钮时，它都会重新加载模式中的数据，但是......

我注意到，关闭预览模式后，当我打开下一个模式时，预览数据仍会显示，几秒钟后它会更新为新数据。

我想要的是每次调用模态时都会将数据设置为“正在加载...”，然后显示新数据。

如何做到这一点？还是有更好的方法？

更新

这就是我使用模态调用远程数据的方式data-remove=

<a href="" role="button" data-target="#myModal" data-toggle="modal" data-backdrop="static" data-remote="/manager/test/{{ $donator->USERNO }}"><i class="icon-plus"></i></a>

模态的

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Editing Data</h3>
    </div>
    <div class="modal-body">
        <div class="loading-modal">Loading...</div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary">Save changes</button>
    </div>
</div>
4

1 回答 1

1

我使用 Ajax 做过类似的事情，不确定它是否是“最好的”方法，但它确实有效。

只需使用带有 Javascript 函数调用的普通按钮/超链接：

<button class="btn" onclick="showDialog()">Click Me</button>

然后在函数内部显示对话框并执行 ajax 调用：

function showDialog() {
    $("#dialogBody").html("Loading...");  // Or use a progress bar...
    $("#dialog").modal("show");
    $.ajax({
        url: myUrl.com,
    }).success(function(data) {
        $("#dialogBody").html(data);
    });
}
于 2013-05-28T20:20:58.187 回答