Question

我正在使用TouchSwipe插件进行旋转木马滑动效果。

问题是当我将图像或内容封装在

中时，滑动不起作用

<a href=""></a>

我尝试将它们分配给z-index，但它仍无效。

我甚至尝试了他们的例子并使用inspect元素尝试了同样的事情。

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，有一个选项＆＃39; excludedElements＆＃39;默认为"button, input, select, textarea, a, .noSwipe"。所以＆＃39; a＆＃39;标记将从滑动事件中排除。你需要删除＆＃39; a＆＃39;参考。

尝试此初始化，例如：

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

});

bootstrap滑动不使用锚标记

1 个答案: