选择动态创建的元素

Question

我有一个页面，其内容是使用以下内容从另一个html文件加载的： var url ='url.to.page'

fetch(url).catch(error => console.log('Authorization failed : ' + error.message));
$('body').load(url + ' #page-cover, .pre-load, header, .container');

在这些元素中还有许多其他元素，它们的ID和类已经分配完毕。当我检查页面时，它们都会显示出来，但是如果没有收到“ null”，我将无法选择它们。我尝试使用：

document.getElementById("element");

$('[id^="element"]');

$('#element');

我已经绑定了调用此函数的函数，以等待.load（）发送完成的触发器。我是否缺少某些东西，或者是否有其他选择动态元素的方式？

Answer 1

load()和fetch()都是异步

您可以在load()成功回调中访问新加载的内容。

$('body').load(url + ' #page-cover, .pre-load, header, .container', function(){
  // new elements exist here

});