关于mui-slider组件动态生成之后无法滚动切换等问题
1.这个组件呢,里面具体的实现我不知道,但是动态生成造成部分功能缺失大概都是因为下面的原因
- 也就是说这个组件在浏览器检测到mui-slider类样式的时候就开始了初始化(纯属个人猜测)。
- 怎么解决呢?我们用这个滑动组件一般都是事先不知道有多少个,都是动态数据,这就是他们设计这个组件的时候的缺陷,这个必须改进
- 解决方案如下:
5.我们把整个slider组件的html都动态来生成也就是这样的
var temphtml = "<div id='slider' class='mui-slider mui-fullscreen reg_jacc'><div id='sliderSegmentedControl' class='mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted'><div id='username' class='mui-scroll'></div></div><div id='userInfo' class='mui-slider-group'></div></div>";
var temphtmlnode = zqnb.dom(temphtml);
document.getElementById("tempHtml").appendChild(temphtmlnode);
6.请不要纠结生成dom并且放入dom树的代码,只是告诉你们步骤,拼接html字符串、转dom、放入dom树。 - 这样我们的滑动组件有了,滑动组件里面的容器也有了,下面的工作就是获取容器dom填充数据了。
- 谢谢。
9 个评论
要回复文章请先登录或注册
9***@qq.com
g***@sina.com
1***@qq.com
9***@qq.com
无处不在的叶子 (作者)
特洛伊
无处不在的叶子 (作者)
8***@qq.com
8***@qq.com