javascript - 在 Javascript 中获取本地 HTML 文件的 HTML 代码

Question

我正在使用 HTML、CSS、Javascript、JQuery 和 JQTouch 开发一个小型应用程序。

这是一个本地应用程序。我有一个带有一些 div 的 index.html 。当我单击此文件中的链接时，我想加载 page1.html(同一文件夹)的 HTML 代码，并将我想要的 page1.html 标签插入到 index.html 的 div 中。

示例:将(page1.html)的内容注入(inject)(index.html)。

我尝试:http://api.jquery.com/load/

$('#loadContent').load('page1.html #test');

并且loadContent的内容没有改变。我将 JQuery 脚本包含到 index.html 中...

我尝试http://api.jquery.com/html/也是，但我认为它连接到服务器。

有什么想法吗？谢谢!

Answer 1

确保在创建 loadContent 之后调用它。当文档准备好写入时，以下将运行您的加载代码。

$(function() {
$('#loadContent').load('page1.html #test');
});