我想让我的代码分开,所以我决定将每个 div
分成 html 文件。每个 HTML 文件都有一些 jQuery 点击事件。我有 2 个文件 index.html
和 menu.html
。
问题是我必须在两个文件中都包含 jQuery 库才能使其正常工作。
有什么方法可以一次包含库并让它对两个文件都起作用?我试图仅在索引页中包含该库,但随后单击菜单不起作用。
我通过 iframe 包含了 menu.html
文件。
<iframe src="left-menu.html"></iframe>
最佳答案
您可以使用 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 )。
关于jquery - 如何使用 jQuery 包含 HTML 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15320801/