События Owl Carousel 2 не работают в браузерах Safari - PullRequest
Новая
       171

События Owl Carousel 2 не работают в браузерах Safari

0 голосов
/ 13 июля 2020

У меня есть простой тест для веб-сайта с каруселью совы 2

Я тестирую Windows с Chrome, Opera, Firefox

Я тестирую Android с Chrome и собственные браузеры

И его работа, за исключением сафари и chrome, что я использую в iphone 7 и ipad 2

У меня есть игла для работы, я был бы очень признателен за любое руководство, ниже я оставляю код, который я использую для теста

Test IOS

<div class="owl-carousel owl-theme">
    <div class="owl-stage-outer">
        <div class="owl-stage">

            <div class="owl-item">
                <img src="https://www.fillmurray.com/640/360" alt="">
            </div>
            <div class="owl-item">
                <img src="https://www.fillmurray.com/640/361" alt="">
            </div>
            <div class="owl-item">
                <img src="https://www.fillmurray.com/642/360" alt="">
            </div>
            <div class="owl-item">
                <img src="https://www.fillmurray.com/641/360" alt="">
            </div>
            <div class="owl-item">
                <img src="https://www.fillmurray.com/642/362" alt="">
            </div>

        </div>
    </div>
</div>
<!-- other sections here -->


<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.js"
    integrity="sha256-DrT5NfxfbHvMHux31Lkhxg42LY6of8TaYyK50jnxRnM=" crossorigin="anonymous"></script>
<!-- OWL Carousel 2-->
<script src="owl.js"></script>
<!-- Main -->
<script>
    $(document).ready(function () {
        var CarouselTest = $(".owl-carousel");

        //1
        CarouselTest.on("initialize.owl.carousel", () => {
            window.alert("Carousel Initialize");
        });

        //2
        CarouselTest.on("initialized.owl.carousel", () => {
            window.alert("Carousel Initialized");
            CarouselTest.addClass(`owl-loaded`);
        });

        CarouselTest.owlCarousel({
            loop: true,
            autoplay: true
        });

    });

</script>
...