小编典典

jQuery函数在Ajax调用后不起作用

ajax

我有这个功能:

$(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调用并生成其他新内容后,单击新内容的按钮时该功能不起作用。有什么不对吗?


阅读 374

收藏
2020-07-26

共1个答案

小编典典

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

您需要将点击调用更改为委托方法,例如 on

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

要么

$("body").on( "click", ".post_button, .btn_favorite", function( event ) {
2020-07-26