Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 防止bxSlider在刷卡时转到链接_Javascript_Css_Bxslider - Fatal编程技术网

Javascript 防止bxSlider在刷卡时转到链接

Javascript 防止bxSlider在刷卡时转到链接,javascript,css,bxslider,Javascript,Css,Bxslider,当我们在移动设备上滑动时,我试图禁用bxSlider中图像的链接 正如你可能想象的那样,这很烦人 就我在他们的文档()中所见,我找不到任何可以这样做的东西 我也在谷歌上搜索了一些建议,并尝试了一些JS,但到目前为止我还没能做到 我还尝试在每个幻灯片元素上设置“draggable='true',但没有效果。您可以分别使用BxSlider的onSlideBefore和onSlideAfter回调禁用链接单击 例如: $('.bxslider').bxSlider({ // ... o

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

正如你可能想象的那样,这很烦人

就我在他们的文档()中所见,我找不到任何可以这样做的东西

我也在谷歌上搜索了一些建议,并尝试了一些JS,但到目前为止我还没能做到


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

您可以分别使用BxSlider的
onSlideBefore
onSlideAfter
回调禁用链接单击

例如:

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

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

例如:

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

非常感谢您的大力帮助,我只需更正一点您的代码,否则它会做完全相同的事情。所以在第二个函数中,我必须将它改为onSlideAfter。就这样,它工作得很好谢谢你的帮助,我只需要修改一下你的代码,否则它也会做同样的事情。所以在第二个函数中,我必须将它改为onSlideAfter。就这样,它工作得很好D