Kendo UI AJAX 페이지로드 후 Fire JQuery AJAX 호출

Question

JSON 파일에서 잔액 값을 수집하여 HTML 요소에 표시하려고하는데 일부 HTML을 가져 오기 전에 실행하고 있습니다. 디스플레이가로드되었습니다. 이는 KENDO UI Mobile이 AJAX를 통해 페이지 내용을로드하기 때문에 AJAX 호출 이후에 발생하므로 균형이 표시되지 않습니다.

여기 내 코드는 지금까지의 :

$(document).ready(function(){ 
console.log("start console log"); 
    $.ajax({ 
     type: "GET", 
     url: "data/staff.php", 
     async: false, 
     dataType: "json", 
     success: function (response){ 
        var balanceHTML = "<p>"; 
        $.each(response, function (index, staff){ 
         balanceHTML += response.staff[0].balance; 
         console.log(response.staff[0].balance); 
        }); 

        balanceHTML += "</p>"; 
        console.log("balanceHTML: "+balanceHTML); 

        $('#user-profile .col-3').html(balanceHTML); 
        $("#dt1").html('<b>aaaaa</b>'); 
        $("#dt2").html(balanceHTML); 
       } 
    }); //end ajax 
}); //end ready 

난 그냥 내용을로드 할 때 감지하기 위해 다음 단계를 알아 내기 위해 사투를 벌인거야, 내가 .load()를 사용하여 시도했지만가 보이지 않았다 작업.

Answer 1

이이 코드를 시도 일 수있다,이 코드의 예를 들어보기를위한

function loadAjax(){ 
    $.ajax({ 
      type: "GET", 
      url: "data/staff.php", 
      async: false, 
      dataType: "json", 
      success: function(response){ 
         var balanceHTML = "<p>"; 
         $.each(response, function (index, staff){ 
          balanceHTML += response.staff[0].balance; 
          console.log(response.staff[0].balance); 
         }); 

         balanceHTML += "</p>"; 
         console.log("balanceHTML: "+balanceHTML); 

         $('#user-profile .col-3').html(balanceHTML); 
         $("#dt1").html('<b>aaaaa</b>'); 
         $("#dt2").html(balanceHTML); 
        } 
     }); //end ajax 
    } 
    $(function(){ 
     setTimeout(loadAjax,1000); 
    });