捕獲事件點擊jquery創建的模式內的按鈕

Question

我試圖在zabuto日曆中添加更多的功能。這是一個模式將出現在點擊日期後，允許我們添加或刪除這一天的事件。但我無法捕捉事件點擊這個模式中的按鈕。這是我的代碼。

function createModal() { 
// create a modal 
//... 
var $modalFooterButtonSave = $('<button id="btnSave">Save</button>'); 
var $modalFooterButtonDelete = $('<button id="btnDelete">Delete</button>'); 
//... 
//return this modal 
} 

function myDateFunction() { 
//Add modal into html page 
$("#myModal").html(createModal()); 
//Show modal 
$('#adjustModal').modal('show'); 
return true; 
} 
$(document).ready(function() { 
    // zabuto event click on date 
    $("#my-calendar").zabuto_calendar({ 
     action: function() { 
      return myDateFunction(); 
     } 
    }); 
    //Here is problem, i can't catch the event click on this button. 
    $("#btnSave").click(function(){ 
     alert("The btn Save was clicked."); 
    }); 
} 

Answer 1

使用這個代替：

$(document).on('click', '#btnSave', function(){ 
    alert("The btn Save was clicked."); 
});