如何使用 javascript 从 jQuery load() 操作 html

Question

我正在使用jQuery load((方法将一个HTML文件加载到另一个HTML文件中：

$("#sidebar").load("templates/sidebar.html");
<div id="sidebar"></div>

我有一些 JavaScript 我想在加载的 HTML 文件上运行。我相信这个脚本不起作用，因为它在执行时无法看到新的 HTML。例如，这行jQuery将无法看到侧边栏.html中存在的菜单类。

$('.menu').css('left', '100');

有什么方法可以强制脚本等到加载的 HTML 呈现后再执行？

Answer 1

您可以将函数作为附加参数传递给 .load(( 调用，它将在新元素添加到 DOM 后在 .load(( 调用结束时执行

$("#sidebar").load("templates/sidebar.html", function () { 
    $('.menu').css('left', '100');
});
<div id="sidebar"></div>