AJAX頁面加載，不會加載頁面上的個人CSS文件

我創建iPad應用程序AJAX頁面加載，不會加載頁面上的個人CSS文件

我有一個側面的導航，然後主窗口。用戶將點擊導航中的鏈接，頁面將在主窗口中加載。

我使用ajax來動態加載我的頁面在我的主窗口，但是當我的頁面加載時，他們不會加載自己的CSS或JS文件，我已經鏈接到頁面的HTML文件。

相反，我相信他們採取整個網站的CSS。

我已閱讀我可以使用'loadobjs'來加載我的CSS和我的頁面動態加載。

我該如何使用我的代碼？

一個答覆，將不勝感激

謝謝下面提供

代碼：

$(document).ready(function(){ 
// load index page when the page loads 
$("#main_content_inner").load("home.html"); 

$("#home").click(function(){ 
// load home page on click 
    $("#main_content_inner").load("home.html"); 

}); 
$("#latest").click(function(){ 
// load contact form onclick 
    $("#main_content_inner").load("latest.html"); 
}); 
$("#important").click(function(){ 
// load contact form onclick 
    $("#main_content_inner").load("important.html"); 

}); 
$("#personal").click(function(){ 
// load contact form onclick 
    $("#main_content_inner").load("personal.html"); 

}); 
$("#timetable").click(function(){ 
// load contact form onclick 
    $("#main_content_inner").load("timetable.html"); 

}); 
$("#tasks").click(function(){ 
// load contact form onclick 
    $("#main_content_inner").load("tasks.html"); 

}); 
$("#staff").click(function(){ 
// load contact form onclick 
    $("#main_content_inner").load("staff.html"); 

}); 
$("#university").click(function(){ 
// load contact form onclick 
    $("#main_content_inner").load("university.html"); 
}); 
});

來源

2011-01-25 fenelle Kuye-Thomas

這並不直接回答你的問題，但我的建議是外部頁面的CSS來爲您加載的每個子頁面提供所有必要的信息。

此外，你不應該通過AJAX加載整個HTML文件;您的DOM最終會看起來像這樣（這是壞）

<html> 
    <head>...</head> 
    <body> 
     <div id="ajax_panel"> 
      <html> 
       <head>...</head> 
       <body> Content </body> 
      </html> 
     </div> 
    </body> 
</html>

相反，修改你內心的文件僅包含應該在你的div#main_content_inner的信息。

來源

2011-01-25 02:04:39

感謝您的反饋，最初我只是加載到我的主頁（內容）的HTML部分....但我發現，如果我添加一個JavaScript的部分，它不會加載在我的主頁上，與阿賈克斯。如果我通過單擊html文件打開頁面，JavaScript函數將起作用，如果我使用ajax加載包含javascript的內容，它將不會加載......這使我認爲它會更好地加載整個HTML文檔，而不是隻是部分....任何建議？ – 2011-02-02 19:13:56

AJAX頁面加載，不會加載頁面上的個人CSS文件

回答

相關問題