jquery - 在导入的 html 页面中导入 html 页面

Question

我有一个 html5 应用程序，它通过 jquery 将几个 html 页面之一导入 div：

var path = "../" + folderName + "/" + pageName + ".html";
$("#container").load(path);

<div id="container"></div>

这部分工作得很好，但现在我最近被要求将其中一些导入的页面也导入其他 html 页面。
我尝试使用相同的技术，但无法显示页面。不过，它并没有在调试器上声明错误。

var subPath = "../" + folderName + "/" + subPageName + ".html";
$("#subContainer").load(subPath );

<div id="subContainer"></div>

subPage 中的代码只是通过 CSS 设置的背景颜色。我还没有添加任何东西。

PS：我不能使用php，服务器显然没有处理它

score 3 · Accepted Answer

假设subContainer代码位于您在 first 中获得的代码中load()，您需要将其放入单独的 js 文件中并执行以下操作：

$("#container").load(path, function(){
    $.getScript("path/to/subContainer.js"); 
});

默认情况下，脚本不会在您使用 ajax 加载的内容上执行。

score 0 · Accepted Answer

你可以试试这个：

        $(function(){
            $('.a').load('b.php',function(){
                $('.b').load('c.php');
            });
        });

score 0 · Accepted Answer

在要导入的页面的末尾插入一个<script>带有您的代码的块，如下所示：

<script>
$(function(){
   // jquery code you want to run after all elements on page are loaded
})
</script>

3 回答 3