我想让我的代码分开,所以我决定将每个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’)只是我们加载menu.html内容的index.html中的另一个元素.还要注意,由于same-origin-policy,作为load()方法一部分执行的AJAX请求只能在同一个域,协议和端口的文件中使用(除非你使用CORS).
