jQeuer/AJAX - 將整個外部文件加載到'ul'元素中

Question

我現在正在研究項目，其中將有大量的多級菜單 - 使未來更容易更新（站點將是靜態HTML）我決定堆棧菜單在單獨的文件中。

我的問題是：

• 如何加載外部文件的全部內容在使用jQuery的ul元素？

E.g HTML將是：

<ul class="menu"> 


</ul> 

外部文件menu.html看起來像：

<li><a href="index.html">Home</a></li> 
    <li><a href="index.html">Home</a></li> 
    <li><a href="index.html">Home</a></li> 
    <li><a href="index.html">Home</a></li> 
    <li><a href="index.html">Home</a></li> 

任何幫助表示讚賞。

Answer 1

$(".menu").load("menu.html"); 

看一看jQuery's .load() documentation。