Javascript 如何在jquery mobile中将样式更新为listview？

我从服务器上获取一些数据，并创建一个ul列表，试图更新样式

似乎

listview（'refresh'，true）

不起作用。我正在使用jqm1.4beta

function parseData(data)
{
    var html = '<ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true">';
    $.each(data, function( index, value ) {
        html = '<li>' +
            '<div data-role="collapsible">' +
                '<p>' + value.title + '</p>' +
            '</div>' +
        '</li>';
    });
    html += '</ul>';
    return html;
}


var div = $('#div');
div.html(parseData(data));
div.find('ul').listview('refresh',true);

函数解析数据（数据）
{
var html='
'；
$.each（数据、函数（索引、值）{
html='
'+
'' +
“”+value.title+”
'+
'' +
“
”；
});
html+='
'；
返回html；
}
var div=$（“#div”）；
html（parseData（data））；
div.find（'ul'）。listview（'refresh'，true）；

---

从jQuery Mobile 1.4 Alpha 2开始，

.trigger（'create'）

和

.trigger（'pagecreate'）

已弃用，将从1.5中删除

替换这些函数的是

.enhanceWithin（）

，当在父元素上调用它时，其中的所有小部件都将被增强

此外，可折叠文件的正确语法/标记是

<div data-role="collapsible">
  <h4>Heading</h4> <!-- you were missing this tag -->
  <p>collapsible / expandable contents</p>
</div>

---

更新 可折叠文件继承了父级

li

的

margin

，导致可折叠文件标题和内容的样式设置不充分。添加下面的CSS修复了这个问题

li.ui可折叠标题，.ui可折叠标题切换{
边距：0！重要；
}
li.ui可折叠标题已折叠。ui可折叠标题切换{
页边距底部：1px！重要；
}

---

从jQuery Mobile 1.4 Alpha 2开始，

.trigger（'create'）

和

.trigger（'pagecreate'）

已被弃用，并将从1.5中删除

替换这些函数的是

.enhanceWithin（）

，当在父元素上调用它时，其中的所有小部件都将被增强

此外，可折叠文件的正确语法/标记是

<div data-role="collapsible">
  <h4>Heading</h4> <!-- you were missing this tag -->
  <p>collapsible / expandable contents</p>
</div>

---

更新 可折叠文件继承了父级

li

的

margin

，导致可折叠文件标题和内容的样式设置不充分。添加下面的CSS修复了这个问题

li.ui可折叠标题，.ui可折叠标题切换{
边距：0！重要；
}
li.ui可折叠标题已折叠。ui可折叠标题切换{
页边距底部：1px！重要；
}

---

看起来您在初始化之前触发了刷新您必须创建元素如果（div.find（'ul'）.hasClass（'ui-listview'））{div.find（'ul'）.listview（'refresh'，true）；}否则{div.find（'ul'）.trigger（'create'）；}

div.find（'ul'）.listview（）只有@Omar您是对的，但是如何使这些可折叠的元素在每个li中工作？@VinodLouis检查我的答案。看起来您在初始化之前启动了刷新。您必须创建元素，如果（div.find（'ul'）。hasClass（'ui-listview'））{div.find（'ul'）。listview（'refresh'，true）；}否则{div find（'ul'）。trigger（'create'））；}
div.find（'ul'）.listview（）只有@Omar你是对的，但如何使这些可折叠的工作在每个李内？@Vinodluis检查我的答案。