Javascript 卡鲁弗雷泽尔没有';触摸屏不能正常工作

Javascript 卡鲁弗雷泽尔没有';触摸屏不能正常工作,javascript,jquery,plugins,Javascript,Jquery,Plugins,我在我们的项目中使用了你的插件,但我有一个问题 该网站有几个旋转木马,其中包含图片和物品产品,可作为锚定。 默认设置下,将禁止滑动定位点。我已将锚从列表中排除。它几乎可以正常工作,因为我有Android Chrome浏览器的问题。刷起作用,但锚不起作用。你不能转到链接 请帮我解决这个问题 HTML 这是我在中找到的解决方案,它对我非常有效 翻译成英文: 打开jquery.carouFredSel-6.2.1.js(或您拥有的任何其他版本),并对滑动功能进行注释 将您在上面的链接中找到的代码添加到

我在我们的项目中使用了你的插件,但我有一个问题

该网站有几个旋转木马,其中包含图片和物品产品,可作为锚定。 默认设置下,将禁止滑动定位点。我已将锚从列表中排除。它几乎可以正常工作,因为我有Android Chrome浏览器的问题。刷起作用,但锚不起作用。你不能转到链接

请帮我解决这个问题

HTML


这是我在中找到的解决方案,它对我非常有效

翻译成英文:

  • 打开jquery.carouFredSel-6.2.1.js(或您拥有的任何其他版本),并对滑动功能进行注释
  • 将您在上面的链接中找到的代码添加到caroufredsel函数的调用下面,以便直接调用jquery.touchwipe.js中的Swipe函数,而不是从caroufredsel调用它

  • 就这样。祝你好运

    嘿-欢迎来到堆栈溢出!如果您阅读并遵循此处发布的指南,您会发现您会获得更好的结果:
    <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
        }
    });