jquery-mobile - JQuery Mobile 动态按钮添加点击

Question

我在谷歌地图中有一个信息窗口，像这样，

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

当信息窗口在地图上弹出但它没有触发时，我正在使用 jquery mobile 绑定“点击”事件，我的代码：

$(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() {...});