OwlCarousel 1.3.3 ссылки на изображения - PullRequest
Новая
       12

OwlCarousel 1.3.3 ссылки на изображения

0 голосов
/ 30 августа 2018

Я пытаюсь сделать изображения в карусели кликабельными для ссылки в другом месте.

Разметка для карусели 

<div class="owl-carousel">
    <div class="item owl-item">
        <a class="owl-link" href="cool-site.com">
            <img class="owl-img" src="cool-image.jpg"/>
        </a>
    </div>
</div>

и сова-карусель установлена ​​как: 

$('.owl-carousel').owlCarousel({
   paginationSpeed: 500,
   autoPlay: 4000,
   items: 2,
   itemsCustom: [
       [0, 2],
       [450, 2]
   ]
});

Когда я нажимаю на один из пунктов, iamge загружается вместо активации ссылки. Я установил щелчок на каждом из элементов div, чтобы выйти из «имени», которое произвело 

owl-img
owl-link
owl-item

Таким образом, при нажатии img сначала становится «активным», и оно движется в обратном направлении. Мне кажется, что изображение загружается до того, как оно пытается перейти по ссылке.

Я включил несколько jQuery: 

$('.owl-img').click(function(e) {
    e.preventDefault();
    window.location.href = $this.closest('.owl-link').attr('href');
});

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

...