2013-02-04 36 views
1

我有進口的幾個html頁面一成一個div通過的jQuery的HTML5應用程序內部的html頁面:導入導入的HTML頁面

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的背景顏色。我還沒有添加任何內容。

PS:我不能使用PHP,服務器顯然不處理它

+0

PHP不處理呢?不處理什麼? – Ibu

+0

我認爲這個人意味着服務器不運行PHP – MyStream

+2

上面的代碼在什麼時候運行,根據什麼調用第一個.load(),什麼時候執行第二個? – MyStream

回答

3

假設subContainer代碼住在第一個load()得到裏面的代碼,你需要把它放到一個單獨的js文件並執行如下操作:

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

默認情況下,腳本不會在您使用ajax加載的內容上執行。

+0

謝謝,它工作完美 – Catpixels

0

你可以試試這個:

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

在頁面內處於它的結束進口插入<script>塊與您的代碼裏面是這樣的:

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

我已經有類似的運行 – Catpixels