JQuery Mobile Dynamic Button add Click

Question

I have an infowindow in a google map like so,

var content = '<div id="link"><input type="button" value="Report this light" id="reportBtn"/></div>';

i am using jquery mobile to bind a 'click' event when the infowindow pops open on the map but it doens't fire, my code:

$(document).on('pageinit', function() {
 $('#reportBtn').on('click', function() {
     alert('it works');
 });
});

peterm · Accepted Answer · 2013-05-15 20:26:51Z

2

You need to use event delegation. Try

$(document).on('pageinit', function() {
    $(document).on('click', '#reportBtn', function() {
        alert('it works');
    });
});

Instead of document you can use nearest static element that is a parent to <div id="link">.

$('#nearestparent').on('click', '#reportBtn', function() {...});

answered May 15, 2013 at 20:20

peterm

93k16 gold badges157 silver badges162 bronze badges

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

1 Answer 1