文章内容
jQuery Mobile中如何将动态增加与清空内容的应用场景
华仔最近在做公司附属产品，手机端，虽然工业生产软件在手机端展示，会由于屏幕的限制，造成体验较差，但是部分流程借助手机端，反而可以增加用户的好感。所以华仔最近也在学习手机端开发，也就是前端。这里提前说明下，前端框架jQuery，脚本语言是JavaScript，后端使用的是asp.net+sql server数据库。
话不多说，运用jQuery Mobile开发，少不了就是给<div>等等标签添加和清空内容进行数据的展示与隐藏，这个可以算是前端开发的必修课。
jQuery Mobile中如何将动态增加与清空内容的解决方法
先给各位整理下思路，以Html中选择控件为例：比如我们需要将后台定义好的客户展现给用户，供其选择。这里用ListView为例。
1、先定义一个ListView的Html标签。
<ol data-role="listview" data-inset="true" id="料展现"></ol>
2、然后我们生成动态的Html代码
jsonObj.Rows = eval('(' + data + ')');
ss = '';
var i = 0;
for (i = 0 ; i < jsonObj.Rows.length ; i++) {
ss += '<li>';
ss += ' <a href="#" onclick =\"ConfirmLL(\'' + jsonObj.Rows[i].Lid + '\')\">';
ss += ' <h2>料ID：' + jsonObj.Rows[i].Lid + '</h2>';
ss += ' <p>领料重：' + jsonObj.Rows[i].ONum + '， 已产重：' + jsonObj.Rows[i].InNum + '， 余重：' + jsonObj.Rows[i].cNum + '</p>';
ss += ' </a>';
ss += '</li>';
}
3、添加到我们要展现的标签上，用id找寻
$('#料展现').html(ss);
$('#料展现').listview('refresh');
4、清空的方法也简单，代码如下
$('#料展现').empty();
jQuery Mobile中如何将动态增加与清空内容的结论
这个用法我估计是用jqm开发所必备的，所以和大家分享下，当然华仔也才刚开始前端后台结合开发没多久，不喜勿喷。对了，说下：前端开发真的是太麻烦了！！！！
您可能感兴趣的文章
本文地址：https://www.huazai186.com/post/239.html
文章标签：jQueryMobile教程 , jQuery教程 , web前端开发教程
版权声明：本文为原创文章，版权归 羽化飞翔 所有，欢迎分享本文，转载请保留出处！
文章标签：jQueryMobile教程 , jQuery教程 , web前端开发教程
版权声明：本文为原创文章，版权归 羽化飞翔 所有，欢迎分享本文，转载请保留出处！
