在Kendo UI AJAX頁面加載後觸發JQuery AJAX調用

Question

我試圖讓一些AJAX從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); 
    });