作者a26732300 (Hades)
看板Ajax
标题[问题] ajax load() 函式没有作用
时间Thu Oct 31 05:42:31 2013
各位大大好
小弟我下载了一个jquery的网页模板
而这个模板他把所有的功能、内容都写在同一个html里面
不过我怕最後会很难维护，所以想要把每个tab menu功能分开来在不同页面去写
想说可以用ajax里的load()函式做处理
------------------------------------------------------
tab menu 程式如下
<div id="p" class="test">
<a href="#" id="a" class="page1">首页 </a>
<a href="#" id="b" class="page2">功能1</a>
<a href="#" id="c" class="page3">功能2</a>
<a href="#" id="d" class="page4">功能3</a>
<a href="#" id="e" class="page5">功能4</a>
</div>
------------------------------------------------------
内文程式
<div id="f1" class="content">
功能1
</div>
<div id="f2" class="content">
功能2
</div>
..以此类推
------------------------------------------------------
ajax load()的写法
<script>
$('#a').click(function () { $('#f1').load('a.html'); });
$('#b').click(function () { $('#f2').load('b.html'); });
$('#c').click(function () { $('#f3').load('c.html'); });
...以此类推
</script>
-------------------------------------------------------
但是这样却起不了甚麽功用...，不知道是哪边写错了
怕这样描述还是不清楚，所以整理了一下简易的程式码附上来
http://goo.gl/AUKpCb
感谢帮忙!
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.118.109.17
1F：推 qwer820404:先确认你的click事件有没有正确绑上去并触发 10/31 10:40
2F：→ osk2:我用你网页跑一次没问题阿，动作都正常，清快取再试一次吧 10/31 12:47
3F：→ mepowerlmay: $("#a").on('click',function(){ 10/31 15:01
4F：→ mepowerlmay:$("#f1").load('a.html');}); 10/31 15:01
5F：→ mepowerlmay: 两行合再一起 试试看 10/31 15:02
6F：推 mepowerlmay:更正 放到HTTP server IIS或Apache运行看看 10/31 15:29
7F：→ a26732300:这方法刚刚试过好像一样没变化，click事件是有触发 11/01 17:58
8F：→ a26732300:不知道是哪边出了状况说... 11/01 17:59
9F：推 mepowerlmay:请问您有把档案放到http server了吗? 11/01 20:33
10F：→ osk2:的确满有可能是没放进HTTP SERVER执行 11/01 21:24
11F：→ kerash:跑 js 需要放 server 吗.. 我直接开可以跑，正常。 11/01 22:33
12F：→ mmis1000:需要存取其他档案的网页，的确不能在本机执行 11/01 22:41
13F：→ mmis1000:js在本机执行的权限，也只有ie能开 11/01 22:42
14F：→ a26732300:我把它放在IIS上面，不过a、b、c..html内容似乎是没load 11/02 01:04
15F：→ a26732300:进去 11/02 01:05
17F：→ a26732300:用$("#a").on('click',function(){$("#f1").load('a.htm 11/02 01:09
18F：→ a26732300:l');});这个方法，不过他似乎没有载入a、b、c..html的内 11/02 01:10
19F：→ a26732300:容 11/02 01:11
20F：→ a26732300:那个蓝色的字 "首页、功能1、2、3.."只是原本标题，并非 11/02 01:13
21F：→ a26732300:是其他HTML里的内容喔! 另外我用IE开好像也不行= = 11/02 01:14
22F：→ a26732300:不过很怪的是，滑鼠移到tab menu，是有显示a、b、c、... 11/02 01:17
23F：→ a26732300:html的网址，但内容却没有载进去那个div框架里 11/02 01:18
24F：推 mepowerlmay:年轻人都很晚睡 11/02 01:21
25F：→ mepowerlmay:你写的方式怪怪 11/02 01:22
26F：→ mepowerlmay:应该是1个div可以load不同的html档 11/02 01:22
27F：推 mepowerlmay:用一下jquery 最新的版本或挂google jquery CDN 11/02 01:26
28F：→ mepowerlmay:设计的不错 要是我有你的一 半就好了... 11/02 01:27
29F：→ mepowerlmay:前端跟後端的差异........ 11/02 01:27
31F：推 mepowerlmay:on的 jquery event在1.2.2还没出生 11/02 01:30
32F：→ mepowerlmay:找一下FIRE FOX javascipt的console地方你就知道了 11/02 01:31
33F：→ a26732300:喔! 是喔= = 11/02 01:31
34F：→ mepowerlmay:我只会chrome 11/02 01:32
35F：→ mepowerlmay:可以问一下您css 怎麽学的吗? 11/02 01:32
36F：→ a26732300:原本用的$('#a').click(function (){}这个方式也太新吗? 11/02 01:33
37F：→ a26732300:没，我是套别人做好的模板要来写後端ASP.NET的程式 11/02 01:35
38F：→ a26732300:只是他给我写再一起，怕之後不好维护，希望拆开来做... 11/02 01:35
39F：推 mepowerlmay:我刚刚试过我自己的sample 是OK的 11/02 01:38
40F：→ mepowerlmay:原来是同行...学生吗? 11/02 01:38
41F：→ mepowerlmay:总之你就用最新版的Jquery 试试看吧 11/02 01:40
42F：→ a26732300:是啊，还是学生 11/02 01:40
43F：→ mepowerlmay:毕竟你不可能找 2007 2008的JQUERY资料来用吧 11/02 01:40
44F：→ a26732300:好的，我载最新的试试，感谢你! 11/02 01:40
45F：→ a26732300:恩，也对.. 11/02 01:41
46F：→ mepowerlmay:如果jq不熟你去估狗 30 Days to Learn jQuery 11/02 01:41
47F：→ mepowerlmay:这有免费的教学不过是英文 11/02 01:41
48F：→ mepowerlmay:我非本科系 在做pg却同时包pm sa sd... 11/02 01:42
49F：→ mepowerlmay:主管看到画面一直念丑...我还要兼美工 11/02 01:42
50F：推 mepowerlmay:JQ一个click事件可以用.bind/.on/.delegate写出来 11/02 01:45
51F：→ a26732300:可以问一下你js的版本是哪一个呢，我用2.0.3好像一样 11/02 01:57
52F：→ a26732300:我本来功能写好了..老板嫌太丑= =，要我弄一个好看的模 11/02 01:59
53F：→ a26732300:版，然後从头改在上面... 11/02 01:59
54F：→ a26732300:非本科系包sasd...真的还蛮厉害的 <(￣一￣ ) 11/02 02:03
55F：推 mepowerlmay:我做好了... 11/02 02:10
57F：→ mepowerlmay:...点错点到嘘 11/02 02:15
58F：→ a26732300:刚刚测试过这个，是可以跑的，我明天用这方法套进去看看 11/02 02:31
59F：→ a26732300:感谢me大这麽晚还要熬夜的帮忙，谢谢你啦! 先晚安啦! 11/02 02:32
60F：→ danny8376:jQuery别用2.X.X 除非IE6-8没打算支援 不然用1.X.X 11/02 11:34
61F：→ a26732300:恩恩，感谢，目前用1.10.2 11/07 02:11