使用一个将点击事件分配给动态元素

Question

I am building a form that submits quantity dynamically.

the problem I am having is maintaining the click events on freshly loaded rows. I would like the 'one' event to be reassigned after each submission. I currently have:

$(this).one('click',function(e){

To allow for delegating new DOM elements, I think it needs to look a little like:

$(document).one('click',this,function(e){

But I can't make that work

Here is a simplified version of the code

Answer 1

one() accepts a selector:

.one( events [, selector] [, data], handler(eventObject) )

So, you'd change your code to something like:

$(document).one('click','tr',function(e){

Adjust accordingly.