sunqimei 发表于 2017-8-17 11:27:48

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

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呢?

sunqimei 发表于 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');
      }
})

晚枫 发表于 2017-8-18 09:50:30

楼主,我想把默认的圆点改成文字,怎么弄,求教,

ktyidian 发表于 2019-5-23 01:42:37

哈哈哈。学习了。。。.....

ktyidian 发表于 2019-5-23 01:43:31

哈哈哈。学习了。。。也是刚开始用这个插件

阿土 发表于 2019-7-29 11:14:48

楼主   我想双向控制后两个轮播的speed不同怎么操作

lesliehuang 发表于 2019-12-9 19:04:55

本帖最后由 lesliehuang 于 2019-12-9 19:06 编辑

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