html代码在用jquery加载html页面后不会显示

-1

编辑：如何扩展/编辑“附加内容”？我的意思是，如果我在“include.html”（我使用jquerys加载的文件）上有一个名为“website”的div，可以在添加文本/代码后添加文本/代码到该DIV吗？html代码在用jquery加载html页面后不会显示

我有一个简单的HTML菜单页面，我试图加载到我的网站的每个页面。对不起，如果它是一个noob问题;）有点noob与JQuery/JS/HTML。

这里的文件之一：

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="cstyles.css"> 
     <script type='text/javascript' src='jquery-1.9.1.js'></script> 
     <script type='text/javascript' src='menu2.js'></script> 
     <script type='text/javascript' src='menu_load.js'></script> 
    </head> 
    <body> 
     <script> 
      loadContent(); 
      $(document).on('mouseenter', "#menulist", function() { 
       mainmenu(); 
      }); 
     </script> 
     <div id="contact_us" style="background:blue;">Something</div> 
    </body> 
</html>

继承人menu2.js：

function mainmenu() { 
    $(" #menulist li").hover(function() { 
     $(this).find('ul:first').css({ 
      visibility: "visible", 
      display: "none" 
     }).show(300); 
    }, function() { 
     $(this).find('ul:first').css({ 
      visibility: "hidden" 
     }); 
    }); 
} 

$(document).ready(function() { 
    mainmenu(); 
});

继承人menu_load.js：

function loadContent() { 
    $("body").load("include.html"); 
}

问题是：成功加载菜单后（名为INCLUDE.html的html文件），页面上的内容“消失”...

在这种情况下，单词：东西不会出现。要更清楚一点，它会显示一秒钟，然后将被替换为“include.html”文件中的内容。

有什么建议吗？

在此先感谢！

来源

2013-02-28 Rouki

正在加载的文件到文件的身体，所以它会完全取代它的内容。这是预期的行为。 – 2013-02-28 13:41:26

发生这种情况是因为$("#body").load()的工作方式。我建议改变与

.prepend()

来源

2013-02-28 13:41:38 idipous

那是因为你在加载include.html文件的完整文件内。你应该用一个id做一个元素并将其加载到那里。例如

<div id="toload"></div>

那么你的jQuery函数是：

function loadContent() { 
$("#toload").load("include.html"); 
}

来源

2013-02-28 13:42:03 Michal

html代码在用jquery加载html页面后不会显示

回答

相关问题