[ajax] ajax產生的新元素無法套用jQuery外掛
下面是html的程式碼
<div class="job">
<h3><a href="#">標題</a></h3>
<div>內文</div>
</div>
然後套用了以下jQuery外掛
$(function() {
$(".job").accordion({
autoHeight:false,
navigation:true,
collapsible:true,
active:false
});
});
今天我用ajax在 $(".job") 的結尾又插入了一組
<h3><a href="#">標題</a></h3>
<div>內文</div>
變成了
<div class="job">
<h3><a href="#">標題</a></h3>
<div>內文</div>
<h3><a href="#">標題</a></h3>
<div>內文</div>
</div>
但是新加入的元素就不會套用外掛的效果了
雖然重新整理以後就能套用
但都使用了ajax就是希望不要重新整理或換頁
也試過把外掛的那幾行程式碼重新呼叫一次
但還是沒有用
請問要如何讓新加入的元素也能套用外掛呢？
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.116.0.116
※ 編輯: a517981 來自: 59.116.0.116 (03/17 23:56)
※ 編輯: a517981 來自: 59.116.0.116 (03/18 00:10)
推
03/18 00:24, , 1F
03/18 00:24, 1F
→
03/18 00:47, , 2F
03/18 00:47, 2F
→
03/18 00:47, , 3F
03/18 00:47, 3F
推
03/18 00:55, , 4F
03/18 00:55, 4F
→
03/18 00:55, , 5F
03/18 00:55, 5F
→
03/18 01:03, , 6F
03/18 01:03, 6F
→
03/18 01:03, , 7F
03/18 01:03, 7F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
