動態dom沒有正確追加

我想追加我在dom中的小模板，但一些元素的缺失我不知道爲什麼它的行爲像尷尬，如果有人可以糾正我什麼是錯的，爲什麼它不顯示這些元素動態地將這個完整的模板顯示出來。動態dom沒有正確追加

這裏是我的代碼的jQuery： -

template = '<article id="ProfileBox" class="col-lg-3 ltr">' + 
         '<div id="ProfileImage" class="Profile_image colored_border">' + 
         '<img src="../images/about-me/' + ParsingJsonData.UserImageUrl + '" class="Rounded-Corners" width="220" height="162">' + 
         '</div>' + 
         '<div id="ProfileContact">' + 
         '<h5 style="text-align: center;">' + ParsingJsonData.UserName + '</h5>' + 
         '<p style="text-align: center;"><strong>Role&nbsp;:&nbsp;</strong><em>' + ParsingJsonData.UserRole + '</em></p>' + 
         '<p style="text-align: center;"><i class="fa fa-mobile FontThemeColor" style="font-size: 15px;"></i>&nbsp; &nbsp;' + ParsingJsonData.UserCellNumber + '</p>' + 
         '<p style="text-align: center;"><i class="fa fa-envelope FontThemeColor" style="font-size: 10px;"></i>&nbsp;' + ParsingJsonData.UserEmailAdress + '</p>' + 
         '</div>' + 
         '</article>' + 
         '<article id="ProfileBox1" class="col-lg-9 ltr">' + 
         '<h3 class="HeadingThemeColor">Describing My Self !</h3>' + 
         '<div class="Profile_divider"></div>' + 
         '<p>' + 
          ParsingJsonData.UserDescription 
         '</p>' + 
         '<div class="Profile_list list-check">' + 
         '<ul id="ProfileCompleteInformation">' + 
          '<li>wajih</li>' + 
         '</ul></div>' + 
         '</article>'; 
$("#profileID").append(template);

追加不顯示的元素後： -

'<div class="Profile_list list-check">' + 
          '<ul id="ProfileCompleteInformation">' + 
           '<li>wajih</li>' + 
          '</ul></div>' +

來源

2014-03-01 Wajihurrehman

哪裏的元素有'id =「profileID」' – shyamnathan

也許'ParsingJsonData.UserDescription'中的數據有一個單引號或雙引號。 – 2014-03-01 13:27:36

嗯好吧，讓我檢查@邁克W – Wajihurrehman

你缺少ParsingJsonData.UserDescription和'</p>'之間的連接運算符。閱讀代碼會更容易，並避免這些錯誤，如果你想正確縮進它。我可以建議你改用下面的方法嗎（它也更有效率）？

var template = [ 
    '<article id="ProfileBox" class="col-lg-3 ltr">', 
     '<div id="ProfileImage" class="Profile_image colored_border">', 
      '<img src="../images/about-me/', ParsingJsonData.UserImageUrl, 
       '" class="Rounded-Corners" width="220" height="162">', 
     '</div>' 
    //... 
].join('');

如果您在JS中生成了很多標記，也許您應該查看一些模板庫。

來源

2014-03-01 13:31:16 plalx

動態dom沒有正確追加

回答

相關問題