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/) Powered by Discuz! X3.2