2017-11-10 204 views
0

我動態創建了一個div,加載了另一個html代碼,並將其加載到一個靜態元素中。Pont動態添加元素來加載另一個元素

var myDiv = document.createElement('div'); 
$(studentReports).attr('id', 'studentReports'); 
$(studentReports).load('reports_tables.html .studentReports'); 

$(reports).append(studentReports); 

//The element *reports* is in DOM, has an id="reports" 
//among his clases it has the class="reports" 

在這個poitnt,它的工作就好了,但是當我嘗試點學生報告和追加甚至文本,這是行不通的

我試圖使用的方法,我下面搜索在這裏:

$('body').find('.studentReports').append(...); 
$('#reports').find('.studentReports').append(...); 
$('.studentReports', '.reports').append(...); 
$('div.reports div.studentReports').append(...); 
+0

請包括您的HTML結構,您應該向我們展示一個[mcve] –

回答

0

http://api.jquery.com/load/

負載需要,這將是一個可選的完整方法當負載完成時執行。爲了確保頁面中存在響應的內容,您需要將您的輔助邏輯作爲此完整回調邏輯的一部分。像...

$(myDiv).load('hmlFile.html .dynamicElementClass', function(){ 
    $('body').find('.dynamicElementClass').append(...); 
});