jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用jQuery包含HTML文件?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想让我的代码分开,所以我决定将每个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).

大佬总结

以上是大佬教程为你收集整理的如何使用jQuery包含HTML文件?全部内容,希望文章能够帮你解决如何使用jQuery包含HTML文件?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: