顯示加載信息，而內容加載

Question

我知道下面的代碼會顯示一個加載圖片時，點擊頁面上的按鈕：

$.ajaxSetup ({ 
     cache: false 
    }); 
    var ajax_load = "<img src='img/load.gif' alt='loading...' />"; 


    var loadUrl = "ajax/load.php"; 
    $("#load_basic").click(function(){ 
     $("#result").html(ajax_load).load(loadUrl); 
    }); 

，但如果我想這在網頁加載很快發生。我不希望單擊按鈕進行ajax調用的用戶交互。

Answer 1

把它的文件準備函數內部：

$(document).ready(function() { 
$.ajaxSetup ({ 
    cache: false 
}); 
var ajax_load = "<img src='img/load.gif' alt='loading...' />"; 
var loadUrl = "ajax/load.php"; 
$("#result").html(ajax_load).load(loadUrl); 
} 

Answer 2

jQuery(function(){ 
    // now you are triggering click your self not waiting for uer to click, 
    //although he may click to start an ajax request 
    $("#load_basic").trigger('click'); 
}); 

Answer 3

你可以嘗試從$（文件）。就緒（）函數調用它。你可能也想看看這個article，它增加了很多。