各位先进大家好
想请教一个问题
假设我有个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也同时变换,我该如何修正呢????
不然似乎无法按上一页,回到之前的内容
希望各位能帮我解答,大感谢各位