今天在利用 jQuery 來動態新增表格
$(":input[value=delete]").click( function(e){ $(this).parent().parent().remove(); } );原來看 Tony 是直接網頁載入 button,而我的狀況是後來人工點選產生的 button 跟 tr 標籤,所以問了一下 Tony,發現了一個解決方法,那就是利用
Events/live,這是新增在 1.3 版本的,他可以 bind 在現有的標籤,或者是未來新增的標籤上面,可以榜定的事件如下:
click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup 沒有支援底下的事件:
blur, focus, mouseenter, mouseleave, change, submit
所以原本我的 html 語法是底下這樣寫的:
jQuery 是底下寫法:
$(document).ready(function(){ $("#add_plug").click( function(e){ $("#plug").append(' '); }); $(":input[value=delete]").click( function(e){ $(this).parent().parent().remove(); }); });上面的寫法只能新增動態表格,但是沒辦法動態減少表格,所以只好利用
Events/live 把 jQuery 的部份改寫成底下,就可以工作了喔
$(":input[value=delete]").live("click" ,function(){ $(this).parent().parent().remove(); });
See also
- jquery-serialize-object 不支援 IE7,8 瀏覽器?
- RequireJS 搭配 CKEditor
- Cross Site Request Forgery in JS Web Apps and CodeIgniter PHP Framework
- [小技巧] JavaScript Cross Browser Best Practices
- Remove Google CDN reference for jQuery?
- jQuery Migrate 1.1.0 Released 注意事項
- jQuery 1.9 final, jQuery 2.0 beta and Migrate plugin 釋出
- Backbone.js Event 事件介紹
- jQuery 1.7 透過 on 來綁定事件
- Javascript 前端工具 Backbone.js Framework 初學介紹