Swiper中文论坛

标题: 求助swiper的js与地址联动冲突，slideTo能否上下切换使用 [打印本页]

作者: swiper1 时间: 2015-9-23 15:22
标题: 求助swiper的js与地址联动冲突，slideTo能否上下切换使用
问题1
swiper的js与地址联动冲突，有没有好的解决方法呀，
在谷歌和360浏览器里地址联动正常，在其他浏览器省份，城市，区域选择不了
http://www.ikarkar.com 第五个页面
问题2
mySwiper.slideTo(index, speed, runCallbacks)可以点击导航链接使页面上下切换吗
求助呀

作者: swiper1 时间: 2015-9-29 11:01
本帖最后由 swiper1 于 2015-9-29 11:03 编辑

地址联动未解决继续求大神
第二个问题已解决，具体参考了
http://bbs.swiper.com.cn/forum.p ... id=307&fromuid=2372

我的网页一共有6页，定义了一个整屏上下滚动
var mySwiper = new Swiper('#swiper-container01', {
         pagination: '#swiper-pagination01',
         paginationClickable: true,
         paginationElement : 'li',
         keyboardControl : true,
         direction: 'vertical',
         noSwipingClass: "noswiper",
         mousewheelControl: true,
         disableScroll: true,
         });//整屏滚动

在导航的标签里添加id
         <li><a id="nav2">首页</a></li>
         <li><a id="nav3">产品介绍</a></li>
         <li><a id="nav4">平台价值</a></li>
         <li><a id="nav5">行业案例</a></li>
         <li><a id="nav6">招商加盟</a></li>
         <li><a id="nav7">关于咔咔</a></li>

再增加绑定
         $('#nav2').click(function(){
         mySwiper.slideTo(0, 500, false);
         return false;
         });
         $('#nav3').click(function(){
         mySwiper.slideTo(1, 500, false);
         return false;
      });
      $('#nav4').click(function(){
      mySwiper.slideTo(2, 500, false);
      return false;
      });
      $('#nav5').click(function(){
      mySwiper.slideTo(3, 500, false);
      return false;
      });
      $('#nav6').click(function(){
      mySwiper.slideTo(4, 500, false);
      return false;
      });
      $('#nav7').click(function(){
      mySwiper.slideTo(5, 500, false);
      return false;
      });//导航链接

注意前后函数名一致，此处我用的 mySwiper

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)