Question

我在项目中使用你的插件，但我遇到了问题。

该网站有几个带有图片和项目产品的旋转木马，可用作锚点。默认情况下，无法通过滑动禁用锚点。我从列表中排除了锚点。它几乎可以买到我有Android Chrome浏览器的问题。滑动工作，但锚点不起作用。你无法进入链接。

请帮我解决问题。

HTML

<div class="m-slider" style="background-color: #111010;">
    <ul>
        <li><a href="#"><img src="img/slider/slide-1.jpg" alt=""></a></li>
        <li><a href="#"><img src="img/slider/slide-1.jpg" alt=""></a></li>
        <li><a href="#"><img src="img/slider/slide-1.jpg" alt=""></a></li>
    </ul>
    <a href="#" class="mn-prev"><span></span></a>
    <a href="#" class="mn-next"><span></span></a>
</div>

代码初始化

var mainSlider = $('.m-slider ul');

mainSlider.carouFredSel({
    auto: false,
    responsive: true,
    width: "100%",
    height: 'variable',
    items: {
        height: 'variable',
        visible: 1
    },
    prev: {
        button: function() {
            return $(this).parent().parent().find('.mn-prev');
        }
    },
    next: {
        button: function() {
            return $(this).parent().parent().find('.mn-next');
        }
    },
    swipe: {
        onMouse: true,
        onTouch: true
    }
});

Answer 1

以下是我在this french post中找到的解决方案，它对我来说非常出色。

翻译成英文：

打开jquery.carouFredSel-6.2.1.js（或您拥有的任何其他版本）并评论Swipe funcion。
添加您在caroufredsel函数调用下方链接中找到的代码，以便直接调用jquery.touchSwipe.js中的Swipe函数，而不是从caroufredsel调用它。

那就是它。祝你好运！

CarouFredSel无法正常使用touchSwipe

1 个答案: