首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >CarouFredSel与touchSwipe不能正常工作

CarouFredSel与touchSwipe不能正常工作
EN

Stack Overflow用户
提问于 2014-02-19 21:47:02
回答 1查看 1.3K关注 0票数 0

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

该网站有几个传送带与图片和项目产品,发挥锚的作用。默认设置下,将禁用锚点的滑动设置。我已经把锚排除在名单之外了。这几乎是可行的--我有Android Chrome浏览器的问题。滑动有效,但锚不起作用。你不能去链接。

请帮我解决这个问题。

HTML

代码语言:javascript
复制
<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>

代码初始化

代码语言:javascript
复制
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
    }
});
EN

回答 1

Stack Overflow用户

发布于 2014-09-17 00:17:05

下面是我在这篇法语文章中找到的解决方案,它对我非常有用。

翻译成英文:

  1. 打开jquery.carouFredSel-6.2.1.js (或任何其他版本),并评论一下这个Swipe。
  2. 添加上面的链接中在caroufredsel函数调用下面找到的代码,以便在jquery.touchSwipe.js中直接调用Swipe函数,而不是从caroufredsel调用它。

就这样。祝好运!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21893193

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档