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文件

回答

相关问题