Question

如果您无法在Chrome Elements视图工具中展开DOM节点，这意味着什么？

我手动添加了一个包含嵌套元素的非常长的html字符串，但是当我查看渲染页面并检查元素时，只存在第一个级别元素，文本字段为...。当我尝试扩展选择以查看内部内容时，唯一可见元素的结束标记消失，并且所有内容都不可见。

有什么想法吗？格式错误的HTML？我真的不认为它的格式不正确...... 我正在使用jQuery Mobile。

编辑：这是我如何获得我想要的页面。

$('#myID').append( 
    '<li id="'+id+'" name="chat2" dsid="chat2_'+j+'" class="'+currentPage+'_chat2 ui-li-static ui-body-inherit ui-btn-up-a ui-first-child" data-icon="false">
       <div class="ui-li-static-container">
          <div class="'+currentPage+'_itemGrid2_wrapper" data-wrapper-for="itemGrid2" dsrefid="chat2" _idx="_'+j+'">
             <table id="'+currentPage+'_itemGrid2" class="'+currentPage+'_itemGrid2" dsid="itemGrid2" name="itemGrid2" cellpadding="0" cellspacing="0">
               <colgroup>
                  <col style="width:auto;">
                  <col style="width:172px;">
               </colgroup>
               <tbody>
                  <tr class="'+currentPage+'_itemGrid2_row_0">
                    <td id="'+currentPage+'_picCell2_'+j+'" name="picCell2" class="'+currentPage+'_picCell2" colspan="1" rowspan="1">
                      <div class="cell-wrapper"><img class="'+currentPage+'_itemImage2"src="'+image+'" id="'+currentPage+'_itemImage2" dsid="itemImage2" name="itemImage2">
                      </div>
                   </td>
                   <td id="'+currentPage+'_Cell2_'+j+'" name="Cell2" class="'+currentPage+'_Cell2" colspan="1" rowspan="1">
                     <div class="cell-wrapper">
                       <div name="sellerName" id="'+currentPage+'_sellerName" dsid="sellerName" data-role="appery_label" class="messagePerson  '+currentPage+'_sellerName">'+sellerName+'</div>
                       <div name="lastMessage2" id="'+currentPage+'_lastMessage2" dsid="lastMessage2" data-role="appery_label" class="'+currentPage+'_lastMessage2">'+message+'</div>
                       <div name="productID2" id="'+currentPage+'_productID2" dsid="productID2" data-role="appery_label" class="'+currentPage+'_productID2">'+productID+'</div>
                       <div name="messageID2" id="'+currentPage+'_messageID2" dsid="messageID2" data-role="appery_label" class="'+currentPage+'_messageID2">'+messageID+'</div>
                     </div>
                   </td>
                 </tr>
               </tbody>
            </table>
         </div>
      </div>
  </li>');

如果语法允许，我会把整个内容放在那里..

EDIT2：

我做这个笨重的解决方案的唯一原因是因为我无法附加折叠的DOM js变量。

for(var i = 0; i < this.cache[0].length; i++){ 
  var div = Appery("chat1").clone(); 
  div.attr("id",currentPage+"_chat1_"+i); 
  div.find(Appery("messageID")).text(this.cache[0][i]._id); 
  div.find(Appery("buyerName")).text(this.cache[0][i].user_name); 
  div.find(Appery("productID")).text(this.cache[0][i].productID); 
  Appery("allChats1").append(div); 
}

jQuery Mobile追加字符串问题

0 个答案: