防止bxSlider滑动时链接

Question

[当我们在移动设备上滑动时，我试图禁用bxSlider内图像的链接。

您可能会想像，这很烦人。

据我在他们的文档（https://bxslider.com/options/）中所看到的，我找不到任何可以做的事情。

我也用Google搜索了一些建议并尝试了一些JS，但到目前为止我还没实现。

我也尝试在每个幻灯片元素上设置“ draggable ='true'”，但无济于事。

Answer 1

您可以分别在BxSlider的addEventListener和removeEventListener回调中使用onSlideBefore和onSlideAfter禁用链接点击。

示例：

$('.bxslider').bxSlider({
    // ...
    onSlideBefore: function() {
         $('.bxslider a').on('click', function() {
              return false;
         });
    },
    onSlideAfter: function() {
         $('.bxslider a').off('click');
    }
});