无处不在的叶子
无处不在的叶子
  • 发布:2016-11-07 15:11
  • 更新:2019-08-23 21:56
  • 阅读:8574

关于mui-slider组件动态生成之后无法滚动切换等问题

分类:MUI

关于mui-slider组件动态生成之后无法滚动切换等问题
1.这个组件呢,里面具体的实现我不知道,但是动态生成造成部分功能缺失大概都是因为下面的原因

  1. 也就是说这个组件在浏览器检测到mui-slider类样式的时候就开始了初始化(纯属个人猜测)。
  2. 怎么解决呢?我们用这个滑动组件一般都是事先不知道有多少个,都是动态数据,这就是他们设计这个组件的时候的缺陷,这个必须改进
  3. 解决方案如下:
    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树。
  4. 这样我们的滑动组件有了,滑动组件里面的容器也有了,下面的工作就是获取容器dom填充数据了。
  5. 谢谢。
5 关注 分享
Trust k***@163.com 湖东呀 特洛伊 HRK_01

要回复文章请先登录注册

9***@qq.com

9***@qq.com

回复 g***@sina.com :
好的,谢谢
2019-08-23 21:56
g***@sina.com

g***@sina.com

回复 9***@qq.com :
可以参考https://github.com/gs-wenbing/mui-mall,里面vue动态绑定数据
2019-07-29 16:56
1***@qq.com

1***@qq.com

终于解决了,谢谢
2019-07-26 15:09
9***@qq.com

9***@qq.com

能提供一个demo么,一直困扰我没搞懂,谢谢
2019-03-12 16:45
无处不在的叶子

无处不在的叶子 (作者)

回复 特洛伊 :
客气了,解决了是不是很爽啊。能帮到你们我也很欣慰了
2018-09-05 11:37
特洛伊

特洛伊

回复 8***@qq.com :
困扰了我两个小时!!!谢谢!
2018-08-25 23:33
无处不在的叶子

无处不在的叶子 (作者)

对,我没有写全,谢谢补充
2016-11-30 10:33
8***@qq.com

8***@qq.com

动态加载之后还需要初始化slider:

......一系列动态加载之后(如加载sliderTitle之后)..........
var gallery = mui('.mui-slider');
gallery.slider();
2016-11-29 17:25
8***@qq.com

8***@qq.com

把网络请求改成同步的就行了 ,具体什么原因还不清楚,可以一起讨论
2016-11-28 17:15