[问题] 新手请教 jQuery .load()的问题

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

Links booklink

Contact Us: admin [ a t ] ucptt.com