防止 bxSlider 在滑动时转到 link

Question

我正在尝试禁用 link 在 bxSlider 内的图像上，同时我们在移动设备上滑动。

如您所想，这很烦人。

据我在他们的文档 (https://bxslider.com/options/) 中看到的，我找不到任何东西可以做到这一点。

我也用谷歌搜索了一些建议并尝试了一些 JS，但到目前为止我无法实现。

我也尝试在每个幻灯片元素上设置 "draggable='true'"，但没有用。

Answer 1

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

示例：

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

防止 bxSlider 在滑动时转到 link

Prevent bxSlider from going to link while swiping

javascript

css

bxslider