Question

我正在创建一个ipad应用

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

我使用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");
 });
});

Answer 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中的信息。

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

1 个答案: