Swiper中文论坛

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

作者: swiper1 时间: 2015-9-23 14:57
标题: swiper的js与地址联动冲突，mySwiper.slideTo能否上下切换使用
本帖最后由 swiper1 于 2015-9-23 15:23 编辑

swiper的js与地址联动冲突，有没有好的解决方法呀，在谷歌和360浏览器里地址联动正常，在其他浏览器省份，城市区域选择不了
http://www.ikarkar.com 第五个页面

mySwiper.slideTo(index, speed, runCallbacks)
可以点击导航file:///C:\Users\yorelog\AppData\Roaming\Tencent\Users\836966418\QQ\WinTemp\RichOle\14$RQVXQ2(03DB9QR)Q8XQ2.png链接使页面上下切换吗

作者: swiper1 时间: 2015-9-23 15:18
本帖最后由 swiper1 于 2015-9-23 15:23 编辑

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

作者: swiper1 时间: 2015-9-23 15:53
在线等，挺急的

作者: swiper1 时间: 2015-9-29 11:05
地址联动未解决继续求大神点击下拉选框，省份城市地区在部分浏览器上选择不了

第二个问题已解决，具体参考了
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/)