Javascript BlueImp Carousel-类型错误此幻灯片[t]未定义

我跟着蓝精灵的官员

我下载了最新版本的blueImp（2.25.0）

首先，我介绍了css和js：

<!-- Blueimp Gallery -->
<link rel="stylesheet" href="../public/Gallery-2.25.0/css/blueimp-gallery.min.css">

<script src='../public/Gallery-2.25.0/js/blueimp-gallery.min.js'></script>

然后我准备了旋转木马：

<div id="blueimp-gallery-carousel" class="image blueimp-gallery blueimp-gallery-controls blueimp-gallery-carousel">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
</div>

最后，我加入了一个脚本：

<script src="../js/blueImp.js"></script>

…具有以下内容：

<script>
blueimp.Gallery(
    document.getElementById('links').getElementsByTagName('a'),
    {
        container: '#blueimp-gallery-carousel',
        carousel: true
    }
);
</script>

蓝精灵画廊(
document.getElementById（'links'）.getElementsByTagName（'a'），
{
容器：“#蓝精灵画廊旋转木马”，
旋转木马：对
}
);

结果:

正如您所见，我遵循了安装指南，但是我得到了类型错误：单击箭头后，此.slides[t]未定义。我也尝试了2.23.0版本，同样的错误

我做错了什么

---

测试浏览器：

Mozilla Firefox 52.0.2（64位），适用于Ubuntu的Mozilla

---

Mozilla Firefox 52.0.1（32位）、Windows 7解决了这个问题，我在底部用Jquerys

$（document.ready（function（）{…}）

我不明白为什么这是必要的，因为脚本包含在最后一个位置，就在结束body标记之前。有什么解释吗

<script>
blueimp.Gallery(
    document.getElementById('links').getElementsByTagName('a'),
    {
        container: '#blueimp-gallery-carousel',
        carousel: true
    }
);
</script>

        $(document).ready(function() {

            blueimp.Gallery(
                document.getElementById('links').getElementsByTagName('a'),
                {
                    container: '#blueimp-gallery-carousel',
                    carousel: true
                }
            );
        });