jQuery Mobile的動態按鈕添加點擊

Question

我有一個谷歌地圖，像這樣的信息窗口，

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

我使用jQuery Mobile的當信息窗口彈出打開地圖上綁定一個「click」事件，但它多恩斯我的代碼：

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