Question

我的网站在引导模式上使用data-remote来加载图片。你可以看到我自己回答的这个问题（https://stackoverflow.com/a/21199283/2537559）中的代码。问题是加载信息可能需要一两秒钟，所以我想添加一个加载图像（最好是在fancybox中使用的图像）。我不是100％确定如何做到这一点。可能是添加图像并在modal-open加载时删除图像。我不是100％肯定如何做到这一点，任何帮助将是伟大的！谢谢！

Answer 1

根据docs，您可以使用事件监听器：

show.bs.modal和shown.bs.modal

$(function()
{
    $(".modal").on("show.bs.modal",function()
    {
        // add loader indicator
    });
    $(".modal").on("shown.bs.modal",function()
    {
        // remove loader indicator
    });
}

您自己对其他问题的回答没有任何javascript。因此，很难提供可以集成到当前解决方案中的答案。

Answer 2

Bootstrap v3.1.0中将出现loaded.bs.modal事件（请参阅https://github.com/twbs/bootstrap/issues/10911）;听这个事件比听shown.bs.modal更好。

Bootstrap 3模态：`data-remote`加载图像

2 个答案: