如何将单击事件从ajax结果绑定到按钮

  • Z时代
  • 2024-01-10
  • 分类：问答

所以我有Button_1，当单击时，它将使用ajax请求一个新的button_2。两个按钮在我的jquery（document）.ready上都有click事件，但是当按钮2添加到页面时，它没有jquery事件。那可能吗？

这是我的页面加载代码：

jQuery(document).ready(function($){
$('#button_1').click(function(e){
    e.preventDefault();
    var id = $(this).data('id');
    $.ajax({
        type: 'POST',
        url: 'get_button_2.php',
        data: 'id='+id,
        dataType: 'html'
    })
    .done(function(response){
        $('#button-container').html('');
        $('#button_1').remove(); // remove button 1
        $('#button-container').html(response).show('500');
    })
    .fail(function(){
        $('#button-container').html('Something went wrong');
    });
});
$('#button_2').click(function(e){
    e.preventDefault();
    alert ('Thank You!');
});
});

回答：

您必须在 上创建事件。 

$(document).on('click', '#button_2', function(e){
    e.preventDefault();
    alert ('Thank You!');
});

http

//api.jquery.com/on/

以上是 如何将单击事件从ajax结果绑定到按钮 的全部内容， 来源链接： utcz.com/qa/417008.html

回到顶部