查看: 2514|回复: 3
打印 上一主题 下一主题

swiper的js与地址联动冲突,mySwiper.slideTo能否上下切换使用

[复制链接]

该用户从未签到

3

主题

29

帖子

404

积分

中级会员

Rank: 3Rank: 3

积分
404
跳转到指定楼层
楼主
发表于 2015-9-23 14:57:19 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 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链接使页面上下切换吗

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

3

主题

29

帖子

404

积分

中级会员

Rank: 3Rank: 3

积分
404
沙发
 楼主| 发表于 2015-9-23 15:18:24 | 只看该作者
本帖最后由 swiper1 于 2015-9-23 15:23 编辑

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

回复 支持 反对

使用道具 举报

该用户从未签到

3

主题

29

帖子

404

积分

中级会员

Rank: 3Rank: 3

积分
404
板凳
 楼主| 发表于 2015-9-23 15:53:16 | 只看该作者
在线等,挺急的
回复 支持 反对

使用道具 举报

该用户从未签到

3

主题

29

帖子

404

积分

中级会员

Rank: 3Rank: 3

积分
404
地板
 楼主| 发表于 2015-9-29 11:05:21 | 只看该作者
地址联动未解决 继续求大神 点击下拉选框,省份城市地区在部分浏览器上选择不了

第二个问题已解决,具体参考了
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
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-9-28 06:23 , Processed in 0.095818 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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