jQuery Dynamic Button Click Handler

Question

I have a code the change the html of a div to make a button. When I make a click handler for the dynamic button, nothing happens

$('#signinup').html("<button id=\"login_submit\">Sign In</button>");

And the handler:

$('#login_submit').click(function() {
   alert("Works!");
});

When does the click handler code run in conjunction with the HTML generation? Also, have you tried the bind or live event handler methods? — Brian Mains
– Brian Mains, Commented Jun 9, 2010 at 20:20
Are you sure, you add your handler after the button is created? — Marcis
– Marcis, Commented Jun 9, 2010 at 20:20

Sarfraz · Accepted Answer · 2010-06-09 20:27:33Z

9

See the working demo :)

Use the live() method:

$('#login_submit').live('click', function() {
   alert("Works!");
});

The live() method attach a handler to the event for all elements which match the current selector, now or in the future.

edited Jun 9, 2010 at 20:27

answered Jun 9, 2010 at 20:20

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

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

2 Comments

Sarfraz Over a year ago

@joshperry: Thanks for notifying that, actually I posted a wrong working link, updated now. Thanks

Rob Alarcon Over a year ago

"live" function is deprecated if working with new versions of jQuery just change the "live" function for the "on" function api.jquery.com/on

scazzy · Accepted Answer · 2012-01-02 13:45:38Z

3

.live doesn't work always. Many a times it does, but recently I crashed at a situation wherein I am updating/loading the buttons dynamically which performs some action. Just like you see the Confirm friend request button in facebook friend requests popup flyout.

answered Jan 2, 2012 at 13:45

scazzy

9782 gold badges9 silver badges21 bronze badges

Collectives™ on Stack Overflow

jQuery Dynamic Button Click Handler

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related