ajax响应后图标无效

Question

我的一个应用程序中有“标记为收藏”图标。当我点击此图标时，“删除收藏夹”图标将使用ajax替换此图标。但是当我点击“删除收藏夹”图标时，它不起作用。有什么问题？我在wordpress工作，这是我的代码

jQuery(function(){
    jQuery('.favr-<?php echo $myID; ?>').on("click",function() {
                            var user_IDs = jQuery(this).attr('id');
                            var current_IDs = '<?php echo $cui ?>'; 

                            jQuery.ajax({
                                url: '<?php bloginfo('url') ?>/',
                                type: 'POST',
                                data: {'ajaxreturn': '102', 'logedid': current_IDs,'ids':user_IDs},
                                success: function(result) {
                                    jQuery('.favr-<?php echo $myID; ?>').html(result);
                                }

                            });
                        });
});

这里是图标

<i title="Remove Favorite" class="radius icon-heart-empty orange favr-<?php echo $myID; ?>" id="<?php echo $myID;  ?>" ></i>

Answer 1

您可以使用 event delegation 将点击事件附加到动态创建的图标中：

jQuery('body').on('click', '.favr-<?php echo $myID; ?>', function() {
    // Your code here
});