带有包含链接的轮播图像的锤子 js

问题描述

我正在使用带有 bootstrap carousel 的hammer.js 来用鼠标左右滑动图像，它工作正常，但问题是图像是指向其他页面的链接

<div class="carousel-item active">
<a href="#"><img class="imgslide" src="assets/img/07.jpg" alt=""></a>
</div>

当我在上面拖动鼠标时，它会滑动但也会打开链接，我希望它仅在拖动时滑动，仅在单击图像时才转到链接。我用它来使锤子工作：

var $slider = $('.carousel'),hammer = new Hammer($slider.get(0));
$slider.find('a').each( (index,elem ) => {
    $(elem).prop('draggable',false);
} );
$slider.carousel();
hammer.on("panleft panright",(e) => {
    
    if( e.type == 'panleft' ) {
        $slider.carousel("next");
    }
    if( e.type == 'panright' ) {
        $slider.carousel("prev");
    }
} );

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

carousel javascript