单击按钮无法正常工作

Question

我正在动态地生成模态盒。在那种情况下，我有两个按钮。是和不是。否将关闭模式，这是正常工作。我在点击“是”按钮时遇到了问题。

一旦用户单击Yes，它将更新数据库。这是密码。

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

用于生成Modal框的代码。你可以看到，我尝试了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。

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

Answer 2

当第一次加载页面时，您的jQuery将只运行一次。"btnYes1“元素在这一点上不存在。

您需要在生成模式并在页面上显示按钮之后注册事件。

// after modal has been generated
$("#btnYes1").on("submit", function(e) {
    e.preventDefault();
    alert('working');
});

例如，将该代码放入加载该模式的AJAX调用的成功中。