所以我有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!'); }); });
您必须在 DOM 上创建事件。
$(document).on('click', '#button_2', function(e){ e.preventDefault(); alert ('Thank You!'); });
REF: http : //api.jquery.com/on/