Question

使用baguetteBox库，当我通过单击打开图像并关闭baguetteBox显示的弹出图像时，出现以下错误：

Uncaught (in promise) TypeError: Document not active
    at baguetteBox.min.js:7

每次打开/关闭图库时，都会重复出现此错误。这里有很多线程建议在库本身中处理异常，但是我将其连接到在线库而不是本地版本，因此我无法编写错误处理代码。

我正在通过其CDN在线连接baguetteBox库：

<link rel="stylesheet" href="./cards-gallery/cards-gallery.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css">

然后我按如下所示创建了画廊：

<section class="gallery-block cards-gallery mb-lg-0 mb-n5 pb-lg-0 pb-n3">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 col-lg-4">
                    <div class="card border-0 transform-on-hover shadow-lg">
                        <a class="lightbox" href="imageurl">
                            <img src="imageurl" alt="Card Image" class="card-img-top">
                        </a>
                    </div>
                </div>
            </div>
        </div>
</section>

然后我按以下方式运行此图库：

<script>
    baguetteBox.run('.cards-gallery', { animation: 'slideIn'});
</script>

我正在使用的其他值得注意的库是：

引导程序：4.3.1，jQuery：jquery-3.3.1，Popper：1.14.7，Font Awesome：4.7.0，OWLCarousel：OwlCarousel2-2.3.4，baguetteBox：1.10.0，WOW：3.7.2 < / p>

baguetteBox.js未捕获（承诺）TypeError：文档未激活

0 个答案: