javascript - 选择动态创建的元素

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 和 classes。当我检查页面时，它们都会出现，但如果没有收到“null”，我就无法选择它们中的任何一个。我试过使用:

document.getElementById("element");

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

$('#element');

我已绑定(bind)调用此函数的函数，以等待 .load() 发送一个它已完成的触发器。我是否遗漏了什么，或者需要选择动态元素的不同方式？

Answer 1

load() 和fetch() 都是异步的

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

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

});