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頁面後不會顯示

回答

相關問題