javascript - 单击按钮在模态中不起作用

Question

这个问题已经有答案了:

Get clicked element in delegated event with jQuery (2 个回答)

已关闭 6 年前。

我正在动态生成模式框。在该模式中我有两个按钮。是与否。否将关闭模式并且工作正常。我在单击"is"按钮时遇到问题。

一旦用户单击"is"，它将更新数据库。这是代码。

<script type="text/javascript">
$('document').ready(function(){
$("#btnYes1").on("submit", function(e) {    
//  $('#btnYes1').click(function (e) {    
//$('#btnYes1').click(function() {
      e.preventDefault();
    alert('working');
});
});
</script>

用于生成模态框的代码。你可以看到我尝试了 2-3 件事，但它不起作用。

var modalval='<a href="#" id="btnYes1" name="btnYes1" data-dismiss="modal" aria-hidden="true" class="btn btn-success">Yes</a>';
                    modalval += '<a href="#" data-dismiss="modal" aria-hidden="true" class="btn btn-danger">No</a>';    $('#modaltext').append(modalval);

Answer 1

将事件监听器附加到您的文档。

$(document).on("click", "#btnYes1", function(e) {
    // Your code..
});