Question

我动态创建了一个div，加载了另一个html的代码，并将其加载到静态元素中。

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"

在这个问题上，它运作得很好，但是当我尝试指向学生报告并追加文本时，它不起作用

我尝试使用的方法是我在这里搜索的以下内容：

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

Answer 1

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

Load采用可选的完整方法，该方法将在加载完成时执行。为了保证响应中的内容存在于您的页面上，您可能希望将辅助逻辑作为此完整回调逻辑的一部分。像...

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

Pont一个动态添加元素来加载内部的另一个元素

1 个答案: