起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2167|回复: 1

[处理中1] 滑动事件,

[复制链接]

75

主题

356

帖子

502

积分

高级会员

Rank: 4

积分
502
QQ
发表于 2016-10-25 13:24:19 | 显示全部楼层 |阅读模式
我想做的是类似轮播的东西,就是图片排成一列,但只有一张图片显示出来,然后通过左右滑动显示其他图片,具体row》col》div》ul》li》img就是这样的结构,考虑到图片的自适应问题,我通过给div设一个100%宽度,给ul设800%宽度,图片是自适应,所以要让li的宽度等于div的宽度,但是单独运行的时候是良好的,作为内容页嵌在main里面的时候,就出现了错误,
js代码如下        Model.prototype.modelModelConstructDone = function(event){
               this.width=$('.pwidth').width();console.log(this.width);
         $('.pwidth ul li').css('width',this.width);
         this.length= ($('.pwidth ul li').length-2)*this.width;
        };
请问该怎么解决呢
通过打印输出发现加载的时候div的宽度明显小于审查元素时的宽度

1

主题

3232

帖子

1174

积分

金牌会员

Rank: 6Rank: 6

积分
1174
QQ
发表于 2016-10-25 15:40:47 | 显示全部楼层
轮播可以使用  carousel  组件 http://docs.wex5.com/comps-contents/
在问题解决后,希望大家可以吧解决方法也分享一下,这样可以让更多的X5开发者共同进步,谢谢大家的知识共享
回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-6-20 15:06 , Processed in 0.055695 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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