推 carlcarl:不太懂你意思@@a 你是要這樣嗎? 03/08 18:43
→ carlcarl:<a href="#" onclick="$('#abc').load('a.html');"> 03/08 18:44
→ carlcarl:啊 不是abc 是content 03/08 18:45
→ LokiCjn:謝謝，原來放到onclick裡就行了，明明有例子竟然沒想到… 03/08 19:03
最近在寫網頁試著利用jQuery來更新div內容，
達到更換部份頁面的功能，
不過Javascript之前幾乎沒碰過，
也因些遇上一些問題。
例如我網頁導覽列上的連擊點後去更新<div id="contant">的內容，
我自己寫的原始碼就像這樣：
<ul>
<li id="abc"><a href="#">ABC</a></li>
<li id="def"><a href="#">DEF</a></li>
</ul>
<script type="text/javascript">
$("li#abc").click(function(){
$("div#content").load("abc.html");
});
$("li#def").click(function(){
$("div#content").load("def.html");
});
</script>
只是當導覽列一多時，
下面的jQuery就要加寫好幾行，
之前在網路上有找到一篇類似的做法，
不過用prototype.js去做的，
http://blog.ericsk.org/archives/505
他只有寫一個function然後是直接把連結的網址丟進去，
所以function裡只要一行就可以重覆使用，
請問jQuery可以寫出類似的寫法嗎？
另外想再問jQuery在原始碼插入位置的問題，
一開始我是像剛才那個blog的例子一樣是寫在<head>，
但發現完全不會有作用，
是之前再參考其他人的寫法放到<body>才能用，
於是也想弄清楚放在<head>和<body>分別的作用和差異為何，
先感謝大家囉。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.47.203.29