javascript - 防止 bxSlider 在滑动时进入链接

Question

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

如您所想，这非常烦人。

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

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

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

Answer 1

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

例子:

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