Simple Event Binding (Jquery & Rails)

Question

I have a container that exists in my DOM .customers-container. Within that container, I am adding new "tr"s through ajax calls.

How can I apply event binding to those dynamically created elements. I am using below, but it's not working on the new elements:

 $('.customers-container').find('.glyphicon-remove').on('click', function(){
        $(this).closest('tr').hide();
     });

taxicala · Accepted Answer · 2015-09-02 20:11:18Z

2

Delegate the event from .customers-container to .glyphicon-remove:

$('.customers-container').on('click', '.glyphicon-remove', function(){
    $(this).closest('tr').hide();
});

Note that the on method parameters have changed, now the first parameter click is the event name, the second parameter .glyphicon-remove are the elements that will receive the event binding from the .customers-container delegator, and the third function is the function to execute when the event fires.

answered Sep 2, 2015 at 20:11

taxicala

21.8k7 gold badges41 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jackson Cunningham Over a year ago

exactly what I needed!

Collectives™ on Stack Overflow

Simple Event Binding (Jquery & Rails)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related