jQeuer/AJAX - 全体の外部ファイルを 'ul'要素にロード

Question

私は大規模なマルチレベルメニューを持つプロジェクトに取り組んでいます。将来的には簡単に更新できます（サイトは静的なHTMLです）メニューを別のファイルに保存します。

私の質問は：

• のjQueryを使用してul要素に外部ファイルから全体のコンテンツをロードする方法？

例えば 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> 

感謝任意の助けを：

<ul class="menu"> 


</ul> 

外部ファイルmenu.htmlは次のようになります。

Answer 1

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

jQuery's .load() documentationをご覧ください。