Button function not working correctly on dynamic content

Question

I am having a bit of trouble with an app i am building for an iPhone using phonegap and jQuery. i have found several threads that have told me to use on function for content created dynamically. However, i cannot get the buttons to work correctly. The follownig code creates the buttons from a loop statement;

$("#question").append('<button class="next">ClickMe</buttons>');

The following code is my click function

$(".next").on("click", function(){ alert("working"); });

So far, there are 3 buttons created, but they do not produce the alert and i get no error messages. Can anyone help explain what i have done wrong?

bububaba · Accepted Answer · 2012-04-02 11:31:36Z

1

I think you need to bind to non-dynamic element (#question):

$("#question").on("click", ".next", function(){ alert('working') });

answered Apr 2, 2012 at 11:31

bububaba

2,8706 gold badges27 silver badges29 bronze badges

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

7 Comments

JPK Over a year ago

i need to bing it to the dynamically created button, not the element

bububaba Over a year ago

You should bind it to the always-existing element (#question) and supply a selector (.next) to find target element inside the always-existing element. Look carefully above and also look up the documentation (this is always helpful).

JPK Over a year ago

Ok, i have managed to get something out of the simulator. The second and third button produce the alert, but the first button generated doesn't do anything

JPK Over a year ago

I'm afraid not, as the data is fetched from a local database

bububaba Over a year ago

You can use mock data, it's not important. Just re-create the behavior with minimal markup (HTML + JS). Maybe on the way you will find the cause of the problem yourself, and if not, more people will be able to help you when they'll have something to play with. jsfiddle.net

|

Collectives™ on Stack Overflow

Button function not working correctly on dynamic content

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related