各位先进大家好
想请教一个问题
假设我有个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也同时变换,我该如何修正呢????
不然似乎无法按上一页,回到之前的内容
希望各位能帮我解答,大感谢各位
作者:
s25g5d4 (function(){})()
2014-07-17 21:38:00load 不是这样用的 他只能指定 load 进来的档案 url后面的 #content 是无效的你可以先把 .html 当纯文字读进来存到字串 再把 #content抓出来写进去目前网页然后上一页 回到之前的内容 关键字是 pushtstate
作者:
s25g5d4 (function(){})()
2014-07-17 21:59:00oh, wow那...原 PO 是在本机测试吗? 有架 http 服务器吗?
我是在本机测试!!!!!ㄎㄎ谢谢前两位前辈协助!!!pushstate很神奇虽然还没有很懂,但我努力会去了解的..再次感谢囉!!!请问s25g5d4,如果在本机测试会有什么问题阿????
作者:
s25g5d4 (function(){})()
2014-07-17 22:21:00有些浏览器会挡本机资源
原来如此。哈!谢谢大家耶,真的多了解了一些,希望以后仍不吝指教,感谢
作者:
danny8376 (钓到一只猴子@_@)
2014-07-18 00:02:00楼上... 这是jQuery支援的方式 你可以看官方doc哀 没看完XDDto 原po 建议测试架个local的http server这样比较不会遇到问题