前台拼接html

最新推荐文章于 2021-06-03 13:26:55 发布

原创最新推荐文章于 2021-06-03 13:26:55 发布 · 519 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

HTML 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种使用JavaScript和MUI框架来动态生成移动端应用中的任务列表的方法。通过遍历JSON数据中的任务项，利用DOM操作构建出每个任务项的HTML结构，并设置点击事件以便查看任务详情。

var tt = "";
mui.each(jsonData.backlogList, function(i, backlog) {
tt +=' <li class="mui-table-view-cell">';
tt += '<div class="mui-table" onclick="look(\'' + backlog.task_id + '\',\'' + backlog.id + '\',\'' + backlog.step +'\');">';
tt += ' <div class="mui-table-cell mui-col-xs-10">';
tt +=' <h4 class="mui-ellipsis" >';
tt += backlog.title;
tt +='</h4>';
tt +='</div>';
tt +='</li>';
});
$("#listCenterColumn").html(tt);