將html添加到以前用jQuery加載的html文件中？

Question

假設我已經使用jQuery.load函數將html文件加載到另一個html文件中。加載的html文件的ID爲random_div。例如，是否有可能將html <div id="loaded_html_div"></div>納入#random_div？

這裏是我想出來的：

$(document).ready(function(){ 
    // random.html has the div of id random_div 
    $('#html_container').load('random.html'); 

    $('#random_div').html('<div id="loaded_html_div"></div>'); 
)}; 

我也試過

$('#random_div').append('<div id="loaded_html_div"></div>'); 
$('#random_div').load('<div id="loaded_html_div"></div>'); 

他們不工作的。

謝謝！

Answer 1

您必須在成功加載另一個文件後附加div。

$(document).ready(function(){ 
    $('#html_container').load('random.html', function(){ 
     // Whatever you want to add in #random_div. 
     $('#random_div').html('<div id="loaded_html_div"></div>'); 
    });  
}); 

Answer 2

您正試圖在元素加載之前添加HTML，因爲ajax是一個異步過程。因此，在load()方法的成功回調中做到這一點。

$(document).ready(function(){ 
    $('#html_container').load('random.html'function(){ 
     $('#random_div').html('<div id="loaded_html_div"></div>'); 
    });  
});