jQuery trigger an event when specific element is loaded

Question

I would like to globally catch whenever some element (f.e. textarea) is rendered on the page to do something with it. Element could be inserted by AJAX request too.

// This is just an example of functionality I want to achieve
// Not a real code
$(document).on('render', 'textarea', function() {
    $(this).whatEver();
});

I know about document's ajaxComplete method, but I am looking for some more generic way.

Milind Anantwar · Accepted Answer · 2014-01-17 11:08:51Z

1

Use:

$('#container').on('DOMNodeInserted ', 'textarea', function(){
$(this).whatEver();
})

Or:

$(document).ready(function () {
 //Loaded...
 $('textarea').whatEver();
});

answered Jan 17, 2014 at 11:08

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

1 Comment

Ch4rAss Over a year ago

DOMNodeInserted detects only direct children of the container, therefore it does not detect nested textareas. $(document).ready does not work for textareas loaded by ajax.

Ch4rAss · Accepted Answer · 2014-01-17 12:43:51Z

0

Found the way to do it using livequery plugin which repetitively checks for elements in dom. So I can do following:

$('textarea').livequery(function() { $(this).whatEver(); });

answered Jan 17, 2014 at 12:43

Ch4rAss

7543 silver badges18 bronze badges

Collectives™ on Stack Overflow

jQuery trigger an event when specific element is loaded

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related