查看: 3564|回复: 6
打印 上一主题 下一主题

slidesPerView自动与双向控制一起不可用了。

[复制链接]
  • TA的每日心情
    开心
    2018-9-19 09:24
  • 签到天数: 1 天

    [LV.1]初来乍到

    2

    主题

    8

    帖子

    22

    积分

    新手上路

    Rank: 1

    积分
    22
    跳转到指定楼层
    楼主
    发表于 2017-8-17 11:27:48 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    slidesPerView: 'auto',

    scrollContainer: true,
    var Swiper1 = new Swiper('.sl-swiper',{
        scrollContainer: true,
       slidesPerView: 'auto',
      });

      //内容滚动
      var Swiper2 = new Swiper('.swiper-container',{
        scrollContainer: true,
      });

    Swiper1.params.control = Swiper2;//需要在Swiper2初始化后,Swiper1控制Swiper2
    Swiper2.params.control = Swiper1;//需要在Swiper1初始化后,Swiper2控制Swiper1





    然后 我把最上面的swiper1单独写了一个普通样式。
    去控制swiper2
    $('.top-w-title div').click(function(){
          self=$(this);
          $('.top-w-title div').removeClass('on');
          self.addClass('on');
          mySwiper.slideTo(self.index(), 300, false);  
      })

    可以,但是swiper2怎么控制swiper1呢?
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2018-9-19 09:24
  • 签到天数: 1 天

    [LV.1]初来乍到

    2

    主题

    8

    帖子

    22

    积分

    新手上路

    Rank: 1

    积分
    22
    沙发
     楼主| 发表于 2017-8-17 14:40:19 | 只看该作者
    搞定了
    自己写了一个。再加这了这个
    var mySwiper = new Swiper('.swiper-container',{
          autoHeight: true,
          onSlideChangeStart: function(swiper,even){   //onTouchMove
             // alert('事件触发了;');
             $('.top-w-title div').removeClass('on');
             $('.top-w-title div').eq(swiper.activeIndex).addClass('on');
          }
      })
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2018-3-14 11:23
  • 签到天数: 9 天

    [LV.3]偶尔看看II

    1

    主题

    25

    帖子

    94

    积分

    注册会员

    Rank: 2

    积分
    94
    板凳
    发表于 2017-8-18 09:50:30 | 只看该作者
    楼主,我想把默认的圆点改成文字,怎么弄,求教,

    pcpage.rar

    778.26 KB, 阅读权限: 100, 下载次数: 3

    这是admin写的

    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2019-5-23 01:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    18

    帖子

    57

    积分

    注册会员

    Rank: 2

    积分
    57
    地板
    发表于 2019-5-23 01:42:37 | 只看该作者
    哈哈哈。学习了。。。.....
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2019-5-23 01:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    18

    帖子

    57

    积分

    注册会员

    Rank: 2

    积分
    57
    5#
    发表于 2019-5-23 01:43:31 | 只看该作者
    哈哈哈。学习了。。。也是刚开始用这个插件
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    6

    帖子

    26

    积分

    新手上路

    Rank: 1

    积分
    26
    6#
    发表于 2019-7-29 11:14:48 | 只看该作者
    楼主   我想双向控制后  两个轮播的speed不同怎么操作
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    9

    帖子

    27

    积分

    新手上路

    Rank: 1

    积分
    27
    7#
    发表于 2019-12-9 19:04:55 | 只看该作者
    本帖最后由 lesliehuang 于 2019-12-9 19:06 编辑

    当前,手机成为农民的新农具,为农业生产信息化深入重庆欢乐生肖打下基础。2018年中国成功发射首颗农业高分卫星,为农业监测安上了“天眼”。物联网、卫星遥感、大数据等现代信息技术得到应用,在轮作休耕监管、农机精准作业等方面取得成效。农机深松整地作业信息化监测面积累计超过1.5亿亩,作业效率和服开奖网务水平大幅提升。
          
          农村创新创业热潮涌现
          
          70年以来,中国对“三农”的财政投入力度不断加强。到2018年北京pk10中国财政对农林水投入21085.59亿元人民币,较2007年增加5.2倍。
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-4-20 02:31 , Processed in 0.080729 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表