引导滑动不适用于锚标签

Question

我正在使用 TouchSwipe 插件来实现我的轮播滑动效果。

问题是当我将图像或内容包含在其中时，滑动不起作用

<a href=""></a>

我尝试为它们分配 z-index，但它仍然不起作用。

我什至尝试了他们的示例并使用检查元素尝试了相同的事情。

http://lazcreative.com/bs3/touchswipe.html

这是脚本：-

$('#carousel-example-generic-myslider').swipe( {
    swipeLeft: function() {
        $(this).carousel('next');
    },
    swipeRight: function() {
        $(this).carousel('prev');
    },
    allowPageScroll: 'vertical'
});

请帮忙。

谢谢

Answer 1

对于 touchswipe，有一个选项“excludedElements”，默认为"button, input, select, textarea, a, .noSwipe"。因此，“a”标签将从滑动事件中排除。您需要从中删除“a”引用。

试试这个初始化，例如：

$('#carousel-example-generic-myslider').swipe( {
    swipeLeft: function() {
        $(this).carousel('next');
    },
    swipeRight: function() {
        $(this).carousel('prev');
    },
    allowPageScroll: 'vertical',
    excludedElements: "button, input, select, textarea, .noSwipe"

});