JQuery trigger/click on dynamic content

Question

Trying to execute a click event on a button:

$(".pReload", $(this).parent().parent().parent().parent()).trigger();

or

$(".pReload", $(this).parent().parent().parent().parent()).click();

However, it is not executing. The button is loaded dynamically. Is there any way I can use .live?

You shouldn't ever chain that many parent() calls together. Add an id or a class to whatever element you're trying to select, then use $('#myElementID') or $('.myElementClass') — N Rohler
– N Rohler, Commented Oct 26, 2011 at 2:21

lewicki · Accepted Answer · 2011-10-28 20:31:46Z

1

Created a .live click function for the dynamic button. The .click(); responded afterwards.

answered Oct 28, 2011 at 20:31

lewicki

4791 gold badge8 silver badges21 bronze badges

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

Comments

Joey · Accepted Answer · 2011-10-26 02:21:02Z

0

Try this:

$('.pReload').parent().parent().parent().parent().live('click', function(){
      // Your code
});

Hope it helps, all though it would be better if you assigned a class or id to the element youre trying to select with all the parent calls.

answered Oct 26, 2011 at 2:21

Joey

1,6763 gold badges19 silver badges36 bronze badges

1 Comment

JackWink Over a year ago

That binds a function to a click event to all future parent, parent, parent, parents of $('.pReload')... Don't think this is what the asker wanted.

AlexC · Accepted Answer · 2011-10-26 02:27:26Z

0

$(".pReload", $(this).parent().parent().parent().parent()).trigger('click');

answered Oct 26, 2011 at 2:27

AlexC

9,66917 gold badges66 silver badges98 bronze badges

Comments

Todd Baur · Accepted Answer · 2011-10-26 02:33:03Z

0

Are you loading the button in a $.ajax call? If so you can use a callback in the success method:

$.ajax({
 success: function({ $('.Preload')....});
});

answered Oct 26, 2011 at 2:33

Todd Baur

1,0059 silver badges22 bronze badges

Comments

Anatoly · Accepted Answer · 2011-10-26 02:40:19Z

0

You can use parents() method with eq() together, but the best solution is to have id for target element

var target = $('#target').parents('div').eq(-1);

See the work example here: http://jsfiddle.net/mikhailov/U8rXV/1/

answered Oct 26, 2011 at 2:40

Anatoly

15.6k5 gold badges57 silver badges77 bronze badges

1 Comment

lewicki Over a year ago

The button/link that needs to be clicked is dynamically added to the page. If if was a .click function i would use .live but this is a triggered click.

Collectives™ on Stack Overflow

JQuery trigger/click on dynamic content

5 Answers 5

Comments

1 Comment

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related