Блог

Главная - Вопросы по программированию - как добавить html после загрузки документа с помощью jquery в html?

как добавить html после загрузки документа с помощью jquery в html?

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

Я получаю имя пользователя из jsp. присвоил его переменной. затем, когда я пытаюсь добавить этот html в класс .linkUser. Это не добавление. почему я не знаю. пожалуйста, помогите мне с этим.

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>

Комментарии:

1. Оберните свой код в $(document).ready(function(){ your code })

2. Попробуйте поместить код ur в готовую функцию jQuery

3. хорошо, я попробую.

4. спасибо, ребята. у меня это сработало.

Ответ №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>