作者chengninghu (GOGOG)
看板Ajax
标题[问题] 新手请教 jQuery .load()的问题
时间Thu Jul 17 20:28:25 2014
各位先进大家好
想请教一个问题
假设我有个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://webptt.com/cn.aspx?n=bbs/Ajax/M.1405600107.A.7FC.html
1F：推 s25g5d4:load 不是这样用的 他只能指定 load 进来的档案 url 07/17 21:38
2F：→ s25g5d4:後面的 #content 是无效的 07/17 21:39
3F：→ s25g5d4:你可以先把 .html 当纯文字读进来存到字串 再把 #content 07/17 21:39
4F：→ s25g5d4:抓出来写进去目前网页 07/17 21:40
5F：→ s25g5d4:然後上一页 回到之前的内容 关键字是 pushtstate 07/17 21:40
7F：推 s25g5d4:oh, wow 07/17 21:59
8F：→ s25g5d4:那...原 PO 是在本机测试吗? 有架 http 伺服器吗? 07/17 22:01
9F：→ chengninghu:我是在本机测试!!!!!ㄎㄎ 07/17 22:18
10F：→ chengninghu:谢谢前两位前辈协助!!!pushstate很神奇 07/17 22:19
11F：→ chengninghu:虽然还没有很懂，但我努力会去了解的..再次感谢罗!!! 07/17 22:19
12F：→ chengninghu:请问s25g5d4，如果在本机测试会有什麽问题阿???? 07/17 22:20
13F：推 s25g5d4:有些浏览器会挡本机资源 07/17 22:21
14F：→ chengninghu:原来如此。哈！谢谢大家耶，真的多了解了一些，希望以 07/17 22:38
15F：→ chengninghu:後仍不吝指教，感谢 07/17 22:38
16F：→ danny8376:楼上... 这是jQuery支援的方式 你可以看官方doc 07/18 00:02
17F：→ danny8376:哀 没看完XDD 07/18 00:03
18F：→ danny8376:to 原po 建议测试架个local的http server 07/18 00:03
19F：→ danny8376:这样比较不会遇到问题 07/18 00:03
20F：→ leochen0818:在本机测试请勿使用Chrome浏览器，会看不到。 07/18 10:49
21F：→ mygirl30229:Google 页签 07/23 12:48