在导入的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>

子页面中的代码只是CSS的背景颜色。我还没有添加任何内容。

P.S：我不能用php，服务器显然不能处理它

Answer 1

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

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

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

Answer 2

你可以试试这个：

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

Answer 3

在其末尾导入的页面内插入一个<script>块，其中包含您的代码，如下所示：

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