各位先進大家好
想請教一個問題
假設我有個index.html
做了個menu
<div id="menu">
<a href="index.html" id="home">Home</a>
<a href="#" id="about">About</a>
<a href="#" id="contact">Contact</a>
</div>
<div id="content">
XXXXXXXXXXXXXX
</div>
其中About與Contact都是獨立的html檔，分別為about.html跟contact.html
我想在按下About或Contact時，div content的內容會變成about.html跟contact.html的
但我不想重新製作網頁其他部份，所以只想抽取about.html的content部份
所以我這樣寫
$(document).ready(function(){
$('#about').click(function(){
$('#content').load('about.html #content');
}
});
但似乎都沒有反應，請問我是哪裡上述程式碼哪兒有問題呢??
依照這個程式碼，讀取完後URL的部份應該還是保持在index.html
如果想同時變換網頁內容，其URL也同時變換，我該如何修正呢????
不然似乎無法按上一頁，回到之前的內容
希望各位能幫我解答，大感謝各位