javascript - Jquery 函数在 Ajax 调用后不起作用

Question

我有这个功能:

$(document).ready(function() {
$('.post_button, .btn_favorite').click(function() {


//Fade in the Popup
$('.login_modal_message').fadeIn(500);

// Add the mask to body
$('body').append('<div class="overlay"></div>');
$('.overlay').fadeIn(300);  
return false;
});

我的页面使用最喜欢的按钮加载内容，但在调用 Ajax 并生成其他新内容后，当您单击新内容的按钮时该功能不起作用。什么地方不对？

Answer 1

那是因为您使用的是动态内容。

您需要将点击调用更改为委托(delegate)方法，如 on

$('.post_button, .btn_favorite').on('click', function() {

或

$("body").on( "click", ".post_button, .btn_favorite", function( event ) {