h5中js动态生成content不在html中写

之前的控件我都是在html中直接写，网络请求到数据后再根据id写入对应控件，这样的结果是一开始会出现h5静态页面的数据一闪而过然后才是请求到的真实数据，体验不好。下面修改下:

 <ul class="t4_list" id="list">
          <li>
            <a href="javascript:void(0)">
                <p class="t4_tit"><span></span>aabb</p>
                <p>项目编号：12345465434342121</p>
                <p>xxx</p>
                <p>联系人：张三</p>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
                <p class="t4_tit"><span></span>xxx</p>
                <p>项目编号：12345465434342121</p>
                <p>建设单位：aabb</p>
                <p>联系人：张三</p>
            </a>
          </li>
        </ul>

比如这块代码，我换成在js中动态生成:

     var content = "";
     if(cData.length>0) {
            for (var i = 0; i < cData.length; i++) {
                content += '<li onclick="goPDetail(\''
                        +  cData[i].projectId
                        +  '\')"><a href="javascript:void(0)"><p class="t4_tit"><span></span>'
                        +  cData[i].projectName
                        +  '</p><p>项目编号：'pro
                        +  cData[i].projectId
                        +  '</p><p>建设单位：'
                        +  cData[i].deptName
                        +  '</p><p>联系人：'
                        +  cData[i].zrUserName
                        +  '</p></a></li>';
            }
        }
        $("#list").append(content);

格式是这样的：凡是h5的各种标签都加上 ’ ,用数据拼接在后面

刚刚改写的:

                <li class="scrollHeight">
                  <div class="sxlb_block">
                  <div class="searchblock clearfix rel"><a href="#" class="search_select">剩余时限</a><a href="#" class="search_btn abs"><img src="images/searchblock_input.png" alt="" onclick="search()"/></a>
                    <input type="text" placeholder="请输入处室/环节/负责人" id="key"></div>
        <a href="#" class="sxlb_list"  id="input_gongwen_list">
                    <table class="sxlb_list_table table_fix">
                      <tbody id="list">
<!--                        <tr>-->
<!--                          <td><h3><small></small><a href="#" id="title_sxmc"></a></h3>-->
<!--                              <p><span id="span_chushi"></span><span>剩余：<b id="b_only_date"></b> 个工作日</span></p>-->
<!--                          <p><span id="huanjie_span"></span><span id="span_target_man"></span></p></td>-->
<!--                        </tr>-->
                      </tbody>
                    </table>
                    </a>
<!--                      <div class="sxlb_list" id="div_temp_no_data" hidden>-->
<!--                          <p style="text-align: center" >暂无数据</p>-->
<!--                      </div>-->
                 </div>
                </li>

js：

         content+= '<tr><td><h3><small></small>' +
                    '<a href="#" id="title_sxmc">' +cData[i].sxmc+
                    '</a></h3><p><span id="span_chushi">处室：' +cData[i].deptname+
                    '</span>' +
                    '<span>剩余：<b id="b_only_date">' +cData[i].ssts+
                    '</b> 个工作日</span></p> <p><span id="huanjie_span">当前环节：' +cData[i].nodename+
                    '</span>' +
                    '<span id="span_target_man">责任人：' +cData[i].zrrname+
                    '</span></p></td> </tr>';