javascript - 使用 jQuery 检测 Bootstrap 模式中加载的图像

Question

我的页面上有一个按钮，用于打开 Bootstrap 模式，其中有数千个无序列表中的图像，如下所示:ul > li.thumbnail > img.image。我需要在打开模式后显示全屏加载程序，并在加载图像后隐藏加载程序。但 li 元素的数量并没有严格规定。你知道我该怎么做吗？谢谢!

//编辑

但我不需要在全页加载时加载它，我想在模式打开时加载它

Answer 1

我有一个可能的解决方案

var loader = $('#loading'); //fullscreen loading animation
$("#lg-modal").on('show.bs.modal', function (e) {
        loader.css({ 'display': 'block' });
        $(window).load(function () {
            loader.css({ 'display': 'none' });
        });
    });

目前它工作正常(我需要更多测试)。您对此有什么想法或更好的方法吗？谢谢!

编辑:这不是正确的解决方案，因为当加载模式时，并且我显示加载的模式，页面没有加载任何内容..