Passing a button with id with jQuery .html() function

Asked Jun 08 '17 at 13:02

Active Jun 08 '17 at 13:13

Viewed 20 times

I'm trying to replace a divs content with jQuery's .html() function and within that new content i want to create a button, containing an ID that i can access from another function.

$('#content').html("<div style='padding: 10px;'>"
       + " <input class='btn btn-primary' value='Button' id='button'> </input>"
       +   "</div>");

After this i got another function that tries to access the button:

$('#button').click(function(e){
    //... do something
});

I inspected the generated button in Chrome and it tells me that it has the right ID but somehow nothing happens when i try to trigger it?

Any solutions on that? Thanks in advance.

edited Jun 08 '17 at 13:13

asked Jun 08 '17 at 13:02

Elias Johannes

`$('#content').on('click', '#button', function(e){ //... do something })` – Satpal Jun 08 '17 at 13:05
Don't know the whole code, but if i remove `});` from your first code example everything works fine. – Sebastian Jun 08 '17 at 13:09
Your code worked, thanks! @Sebastian sorry i added these on accident. – Elias Johannes Jun 08 '17 at 13:15

Passing a button with id with jQuery .html() function

0 Answers0