Question

在通过类似的问题搜索答案之后，我的问题被问到了，但没有理解我的失败：

我通过将数据更改为其中一个选择输入字段来触发html新表单。通过AJAX响应+ JQUERY绑定成功替换表单（在我将输入值更改为其第一个输入字段后，AJAX调用正在执行到用PHP编写的服务器.AJAX的响应是一个新的但几乎相同的html表单由php服务器创建）我在chrome的网络选项卡中看到了答案形式，它的完美。我完美地将它绑定到形成父div元素。表格交换完美。然而，第二次触发更改的相同过程失败 - 当我更改新表单的相同选择输入字段的数据时没有任何反应。这是我在JQUERY中的代码： .membership_form是触发更改的选择输入字段的类。

$(".membership_form").life("change",function (e) {

            var membership = $(this).val();
            var form = $(this).closest('form');
            var user_id = form.data('user');
            $.ajax({
                type: "POST",
                url: sogo.ajaxurl,
                data: {
                    'action': 
                     'sogo_print_fields_according_to_membership',
                    'membership': membership,
                    'user_id': user_id,
                },
                success: function (response) {
                    if(user_id==99){
                        // meaning add user screen
                        $('#inside_form_fields_user_99').html(response);
                    } else{
                        // regular user_management screen          
 $('#inside_form_fields_user_'+user_id).html(response);
                    }
                }
            });
        });

Answer 1

尝试$（文件）.on（＆＃39;更改＆＃39;，＆＃39; .membership_form＆＃39;，function（）{}）

在附加html AJAX响应后向事件添加功能

1 个答案: