作者kerash (Fly機飛阿飛)
看板Ajax
標題[問題] Jquery insertAfter 後的元素事件狀況
時間Fri Aug 12 11:54:32 2011
目前我要作一個功能是
當使用者使用 input type=file 選擇完檔案後
將原始的 input 隱藏,然後用 InsertAfter 建立新的 input
插入的語法如下
$(".filefield").change( function() {
$("<input type=\"file\" name=\"files\" class=\"filefield\"
/>").insertAfter(".filefield");
});
// 隱藏原始 input 的部份先略過,這邊是大略功能
在 html 碼的部份如下
<div id="photolist" class="photofield">
<input type="file" name="files" class="filefield" />
</div>
在 insert 後的事件是不是不會 bind change 的事件?
因為我新的 input 沒辦法再產生另一個新的 input ..
如果要修正有什麼方法嗎?
目前只想到寫成 function 等建立後再 bind ...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.250.247.227
1F:推 mrbigmouth:用.live 08/12 12:55
2F:→ kerash:感謝! 已解決。 08/12 13:36
補充,
insertAfert 的元素最後要 :last , 不然每遇到 .filefield 就會加上去
感謝 mrbigmouth
※ 編輯: kerash 來自: 60.250.247.227 (08/12 13:37)