baguetteBox. js Uncaught (в обещании) Ошибка типа: документ не активен - PullRequest
Новая
       35

baguetteBox. js Uncaught (в обещании) Ошибка типа: документ не активен

0 голосов
/ 18 февраля 2020

Используя библиотеку baguetteBox, когда я открываю изображение, нажимая на него, и закрываю всплывающее изображение, отображаемое baguetteBox, я получаю следующую ошибку: 

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

Эта ошибка повторяется каждый раз, когда я открываю / закрываю Галерея изображений. Многие потоки здесь предлагают обработать исключение в самой библиотеке, но я подключаюсь к онлайн-библиотеке вместо локальной версии, поэтому не могу написать код обработки ошибок.

Я подключаю библиотеку baguetteBox онлайн через ее CDN : 

<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>

Другие известные библиотеки I Я использую:

Bootstrap: 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

...