如何在html中使用jquery加載文檔後追加html？

Question

我從jsp獲取用戶名。將其分配給一個變量。然後，當我嘗試在.linkUser類上附加這個html。它沒有添加。爲什麼我不知道。請幫助我。

JS：

<script defer> 
     var signedUserId ="${app.user.id}"; 
      console.log('signedUserId ...' + signedUserId); 
      if(signedUserId == null || signedUserId == "" || signedUserId == undefined){ 
       signedUserId = "${signedUserID}"; 
      } 


      var userName = "${user.firstName}"; 
      var userNameHtml = ""; 
      if(userName == "" || userName == undefined || userName == null){ 
       userName = "${signedUserName}"; 
       userNameHtml += "Hi, "+userName+" <span class=\"caret\"></span>"; 
       //$(".linkUser").html(userNameHtml); 
       $(".linkUser").after(userNameHtml); 
       console.log('true ****** '); 
      }else{ 
       userNameHtml += "Hi, "+userName+" <span class=\"caret\"></span>"; 
       $(".linkUser").after(userNameHtml); 
      } 
    <script> 

HTML：

<li class="li-user dropdown"> 
            <a id="anchor" class ="linkUser" title="" href="javascript:void(0);" data-toggle="dropdown" 
            aria-haspopup="true" aria-expanded="false"> </a> 
            <ul class="dropdown-menu" aria-labelledby="linkUser"> 
             <li><span class="caret"></span><span class="caret"></span> 
             <a id = "anchor" title="" onclick="profile()" href="#"> View Profile <span class="icon icon-profile"></span> </a></li> 

             <li><a id = "anchor" title="" href="#">Settings <span class="icon icon-settings"></span></a></li> 
             <li><a id = "anchor" title="" href="javascript:zimidyLogout();">Sign Out <span class="icon icon-sign-out"></span></a></li> 
            </ul> 
           </li> 

Answer 1

Put Your Code In Document Ready State 
    <script defer> 
    $(document).ready(function(){ 
    var signedUserId ="${app.user.id}"; 
    console.log('signedUserId ...' + signedUserId); 
    if(signedUserId == null || signedUserId == "" || signedUserId == undefined){ 
     signedUserId = "${signedUserID}"; 
     } 
    var userName = "${user.firstName}"; 
    var userNameHtml = ""; 
    if(userName == "" || userName == undefined || userName == null){ 
     userName = "${signedUserName}"; 
     userNameHtml += "Hi, "+userName+" <span class=\"caret\"></span>"; 
     //$(".linkUser").html(userNameHtml); 
     $(".linkUser").after(userNameHtml); 
     console.log('true ****** '); 
     }else{ 
      userNameHtml += "Hi, "+userName+" <span class=\"caret\"></span>"; 
     $(".linkUser").after(userNameHtml); 
     } 
     }); 

<script>