OwlCarousel 1.3.3图像链接

Question

我正在尝试使轮播中的图像可点击以链接到其他位置。

轮播的标记

<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上都设置了一个onclick来注销产生的“名称”

owl-img
owl-link
owl-item

因此，单击img首先会成为“活动”对象，并且它会向后级联。在我看来，在尝试转到链接之前，图像已加载。

我包括一些jQuery：

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

这将按预期重定向，但是图像仍会闪烁。任何有关如何解决此问题的想法将不胜感激。