jquery - 如何使用 jQuery 包含 HTML 文件？

Question

我想让我的代码分开，所以我决定将每个 div 分成 html 文件。每个 HTML 文件都有一些 jQuery 点击事件。我有 2 个文件 index.html 和 menu.html。

问题是我必须在两个文件中都包含 jQuery 库才能使其正常工作。

有什么方法可以一次包含库并让它对两个文件都起作用？我试图仅在索引页中包含该库，但随后单击菜单不起作用。

我通过 iframe 包含了 menu.html 文件。

<iframe src="left-menu.html"></iframe>

Answer 1

您可以使用 jQuery load() 将 menu.html 添加到 index.html 的 DOM 中方法。这样，在 index.html 中创建的 jQuery 实例也将应用于从 menu.html 加载的内容。

例如在 index.html 中你可以这样做:

$(document).ready(function() {
    $('#some-menu').load('some-local-path/menu.html');
});

请注意 $('#some-menu') 只是 index.html 中的另一个元素，我们将 menu.html< 的内容加载到其中。同样重要的是要注意，因为 same-origin-policy ，作为 load() 方法的一部分执行的 AJAX 请求仅适用于同一域、协议(protocol)和端口中的文件(除非您使用 CORS )。