Jquery 加载所有内容后引导转盘显示

引导转盘在文档加载时开始显示，但我希望它在内容完全加载后显示

因此，我尝试jQuery

.load（）

事件处理来显示，但什么也没有发生。花了3个小时寻找解决方案，但没有运气

这是我试过的代码

CSS

#main-slider .carousel-indicators,
#main-slider .carousel-inner,
#main-slider .carousel-control {
  display: none;
}  

然后呢,

jQuery( document ).ready(function( $ ) {
    var $myCarousel = $('#main-slider');
    $myCarousel.carousel();

    $( "#main-slider" ).load(function() {

        $('.loading').hide();
        $('#main-slider .carousel-indicators,
            #main-slider .carousel-inner,
            #main-slider .carousel-control').show();

    });
    console.log('Carousel Fully Loaded');
});

那根本不管用。加载的图像不会隐藏，元素不会显示，甚至连控制台日志也不会显示

我做错了什么？实现这一目标的最佳方式是什么？

---

谢谢

我找到了这篇使用JQuery加载图像的文章：

只是稍微调整了一下，使用了引导v3和一些虚拟图像。它也不需要使用情态动词。 本例使用

正文{
文本对齐：居中；
左：50%；
右：50%；
利润率：20px；
}

加载图像



.load-不是您应该使用的功能是的，当使用
标记添加图像时，它肯定有效。我的是css规则中定义的背景图像。所以，我仍然有问题。添加了使用背景图像的场景。