ajax页面加载，不会加载页面个人CSS文件答案

【问题标题】：ajax page loading, wont load pages personal CSS fileajax页面加载，不会加载页面个人CSS文件
【发布时间】：2011-01-25 01:58:14
【问题描述】：

我正在创建一个 ipad 应用程序

我有一个侧面导航，然后是一个主窗口。用户将单击导航中的链接，页面将加载到主窗口中。

我使用 ajax 在我的主窗口中动态加载我的页面，但是当我的页面加载时，它们不会加载我在页面 html 文件中链接的自己的 css 或 js 文件。

相反，我相信他们采用了整个网站的 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");
 });
});

【问题讨论】：

标签： javascript css ajax ipad loading

【解决方案1】：

这并不能直接回答您的问题，但我的建议是外部页面的 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 中的信息。

【讨论】：

感谢您的反馈，最初我只是将 html 的部分加载到我的主页（内容）中......但我发现如果我在该部分添加了 javascript，它不会加载在我的主页上，使用 ajax。如果我通过单击 html 文件自行打开页面，则 javascript 功能将起作用，如果我使用 ajax 加载包含 javascript 的内容，它将不会加载...这让我认为加载会更好整个 html 文档，而不仅仅是部分....有什么建议吗？
就像 CSS 样式一样，您需要在外部页面上提供所有可用的 JavaScript。 AJAX 加载应仅限于内容，而不是资产。