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

QQ登录

只需一步,快速开始

查看: 1819|回复: 1

[结贴] carousel多页时,打开会显示最后一页

[复制链接]

4

主题

7

帖子

17

积分

新手上路

Rank: 1

积分
17
QQ
发表于 2016-10-29 10:40:40 | 显示全部楼层 |阅读模式
在设计时carousel设计了多页,打开会显示最后一页,然后再跳到第1页。
如果再设计时只设计一页,通过代码add,就可以了。不过这带来了新的问题:我看层次结构上,carousel下面是contents--content-image,如果我add是直接add的image,如果我要全屏显示,那么我如何控制自动添加的conetnt的高度呢?

4

主题

7

帖子

17

积分

新手上路

Rank: 1

积分
17
QQ
 楼主| 发表于 2016-10-29 11:32:57 | 显示全部楼层
还是自己来解决坑。太浪费时间。       
参照taobao的写法,因为自动增加的content没有xid,通过获取下面的div节点来处理。
        Model.prototype.modelLoad = function(event){
                //设计时有第1页,这里增加第2页,第3页
                var carousel = this.comp("carousel1");
                carousel.add("<img src='./img/p2.png' style='height:100%';width:100%;' />");
                carousel.add("<img src='./img/p3.png' style='height:100%';width:100%';'/>");
                //把content也就是img的div,高度设为100%
                var contents1 = this.comp("contents1");
                $(contents1.domNode).find("div").eq(1).attr({style:'height:100%;'});
                $(contents1.domNode).find("div").eq(2).attr({style:'height:100%;'});
        };
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-6-21 02:56 , Processed in 0.082275 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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