捕获事件点击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."); 
});