jquery-mobile之JQuery Mobile 样式动态 ListView

yyy_WW 阅读:29 2025-05-04 20:05:19 评论:0

我正在使用 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"); 
} 

据我所知,调用 trigger("refresh") 的文档应该设置列表内容的样式,但它或 trigger("create") 都没有做太多事情。有没有人对此有进一步的了解?提前致谢。

编辑:我应该补充一点,样式表位于文档头部,静态添加元素会产生正确的样式。

请您参考如下方法:

每个组件都有一个设计的标记增强功能,listview使用:

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

如果这是完全动态创建 ListView ,而不仅仅是 li 元素,那么应该使用这一行:

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

完整列表和示例可以在我的其他 ARTICLE 中找到,说白了这是我的博客。或者可以找到 HERE


标签:jquery
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号