项目中需要根据服务器返回的数据动态更新 折叠面板 的内容，我先写一个空的ul：<ul id="listView" class="mui-table-view"></ul>，然后ajax获取数据后，用js向ul中添加li：
var listView = document.getElementById("listView");
var li= document.createElement("li");
li.innerHTML = '<li class="mui-table-view-cell mui-collapse">' 内容 ＋ ;
listView.appendChild(li);
但是列表(折叠面板)通过js生成后，存在两个问题:
1 各个li之间没有默认的分割线
2 打开下一个li的折叠内容后，不会自动关闭上一个
有谁碰到过类似的问题吗？感觉是比较常见的功能，但是我没有搜到解决办法，希望高人指点，谢谢!
z***@163.com
- 发布：2016-10-12 14:32
- 更新：2016-10-12 16:56
- 阅读：2435
动态更新mui折叠面板存在问题
分类：MUI
1 个回复
z***@163.com (作者)
不好意思，找到原因了，不是DCloud的问题，是我自己create li之后，又在li下面加了li元素，导致mui没有正确识别js生成的li，将 li.innerHTML = '<li class="mui-table-view-cell mui-collapse">' 内容 ＋ ; 里面的li元素去掉，var li= document.createElement("li"); 之后，用li.className = "mui-table-view-cell mui-collapse"; 来给li设置class就可以了。