JQuery Mobile样式动态列表视图

时间:2013-02-23 21:47:44

标签: jquery-mobile triggers

我正在使用jQuery mobile 1.3.0并试图设计listview的动态元素。我在页面标记中定义了一个列表,可以从一个对象中添加元素。

<div data-role="content">
      <ul data-role="listview" id="list_logs">

      </ul>
</div>

这是从对象读取项目并构建列表的代码:

for(log in data.logs) {
        $('<li><h2>'+data.logs[log].date+'</h2><p>'+data.logs[log].event+'</p><p>'+data.logs[log].type+'</p></li>').appendTo('#list_logs').trigger("refresh");
}

从我可以理解的文档调用触发器(“刷新”)应该样式化列表内容,但它或触发器(“创建”)都没有做很多事情。有没有人对此有任何进一步的了解?提前谢谢。

编辑:我应该补充说,样式表在文档头中就位,并且静态添加元素会产生正确的样式。

1 个答案:

答案 0 :(得分:6)

每个组件都有一个用于标记增强的设计函数,listview使用:

$('#listviewID').listview('refresh');

如果这是完全动态创建listview,而不仅仅是li元素,则应使用此行:

$('#listviewID').listview().listview('refresh');

完整列表和示例可以在我的其他 ARTICLE 中找到,透明它是我的博客。或者可以找到 HERE