JQuery Mobile Dynamic Button添加Click

Question

我在谷歌地图上有一个信息窗口，如此，

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

我正在使用jquery mobile绑定一个'click'事件，当infowindow在地图上弹出，但它不会触发，我的代码：

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

Answer 1

您需要使用事件委派。尝试

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

您可以使用距离document的父级最近的静态元素而不是<div id="link">。

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