jquery - 如何使用jquery在页面加载后动态加载元素

Question

嗨，我在获取使用数据库值动态加载的 DOM 元素时遇到问题，并且在页面加载期间它不可用。因为在页面加载过程中会延迟几分之一秒。因此 JQuery 在页面加载期间无法识别该元素。

加载后如何访问元素？

Answer 1

使用下面的代码段，并在其中编写您的代码

$(document).ready(function() {
//Logic goes here
}

这将在加载事件后运行

Answer 2

如果您谈论的是最初加载到 DOM 中的元素，请将您的代码包装在ready函数中：

$(document).ready(function(){
//Code here
}

这确保了在 DOM 完全加载之前不会执行您的 javascript 代码。

如果您使用其中一个 jQuery ajax调用动态加载元素，您可以提供几个回调来了解何时完成。

一些动态加载的元素在将 DOM 事件绑定到它们时可能需要实时事件处理程序。例如：

$(".myElem").live("click", function(){
//This event binds to elements loaded dynamically, too
}