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

如何解决带有包含链接的轮播图像的锤子 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");
    }
} );