[問題] 新手請教 jQuery .load()的問題
各位先進大家好
想請教一個問題
假設我有個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也同時變換,我該如何修正呢????
不然似乎無法按上一頁,回到之前的內容
希望各位能幫我解答,大感謝各位
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.163.139.151
※ 文章網址: http://www.ptt.cc/bbs/Ajax/M.1405600107.A.7FC.html
推
07/17 21:38, , 1F
07/17 21:38, 1F
→
07/17 21:39, , 2F
07/17 21:39, 2F
→
07/17 21:39, , 3F
07/17 21:39, 3F
→
07/17 21:40, , 4F
07/17 21:40, 4F
→
07/17 21:40, , 5F
07/17 21:40, 5F
推
07/17 21:43, , 6F
07/17 21:43, 6F
推
07/17 21:59, , 7F
07/17 21:59, 7F
→
07/17 22:01, , 8F
07/17 22:01, 8F
→
07/17 22:18, , 9F
07/17 22:18, 9F
→
07/17 22:19, , 10F
07/17 22:19, 10F
→
07/17 22:19, , 11F
07/17 22:19, 11F
→
07/17 22:20, , 12F
07/17 22:20, 12F
推
07/17 22:21, , 13F
07/17 22:21, 13F
→
07/17 22:38, , 14F
07/17 22:38, 14F
→
07/17 22:38, , 15F
07/17 22:38, 15F
→
07/18 00:02, , 16F
07/18 00:02, 16F
→
07/18 00:03, , 17F
07/18 00:03, 17F
→
07/18 00:03, , 18F
07/18 00:03, 18F
→
07/18 00:03, , 19F
07/18 00:03, 19F
→
07/18 10:49, , 20F
07/18 10:49, 20F
→
07/23 12:48, , 21F
07/23 12:48, 21F