如何获取在一系列事件中启动事件的元素

实际上会有两个问题，

场景是

表单包含三个提交按钮，当我单击其中一个按钮时，会触发提交事件，然后click第一个事件，但我没有捕获它。第二个事件是表单的submit这是我正在捕获的事件。

代码是

$('#search-main a').on('click', function(e){
    e.preventDefault();
    $('#search-advanced').remove();
    var target = $(this).attr('href');
    var res = $.get(target, function(data){
        $('body').append($(data).find('#search-advanced'));
        $('#search-advanced').addClass('row reveal-modal');
        $('#search-advanced')
        .css('top', 80)
        .css('border-radius' , '5px')
        .css('padding-left' , '0px')
        .css('padding-right' , '0px');
        $('#search-advanced').on('submit', 'form' ,function(e){
            var params = $('#search-advanced form').serialize();
            console.log(e);
            console.log(params);
            $.get(target, params, function(data){
                $('#search-advanced form').html($(data).find('#search-advanced form').html());
                $('#search-advanced input[name="select_filter"]').remove();
            });
            return false;
        });
        $('#search-advanced input[name="select_filter"]').remove();
        $('#search-advanced').on('change', '#categoryDropdown', function(){
            $('#search-advanced form').trigger('submit');
        });
        $('#search-advanced').append('<a class="close-reveal-modal">&#215;</a>');
        $('#search-advanced').reveal({
            animation: 'fade', 
            closeOnBackgroundClick: false
        });
    });
});

由于 JQuery 文档说

只有"成功的控件"才会序列化为字符串。不提交 按钮值已序列化，因为表单未使用 按钮

我无法使用serialize()获取按钮值

问题一是

如何获取启动提交的按钮属性？

我以不同的方式处理作为解决方法，即

• 首先捕获点击事件
• 获取属性
• 将属性作为事件额外参数传递

修改后的代码是

$('#search-advanced').on('submit', 'form' ,function(e){
    var params = $('#search-advanced form').serialize();
    console.log(e.data);
    console.log(params);
    $.get(target, params, function(data){
        $('#search-advanced form').html($(data).find('#search-advanced form').html());
        $('#search-advanced input[name="select_filter"]').remove();
        if(typeof $('input[name="one_more"]') !== 'undefined'){
            var oldOneButton = $('input[name="one_more"]');
            var newOneButton = oldOneButton.clone();
            newOneButton.attr('type', 'button');
            newOneButton.insertBefore(oldOneButton);
            oldOneButton.remove();
        }
        if(typeof $('input[name="remove_filter"]').attr('name') !== 'undefined'){
            var oldRemoveButton = $('input[name="remove_filter"]');
            var newRemoveButton = oldRemoveButton.clone();
            newRemoveButton.attr('type', 'button');
            newRemoveButton.insertBefore(oldRemoveButton);
            oldRemoveButton.remove();
        }
    });
    return false;
});
$('#search-advanced input[name="select_filter"]').remove();
$('#search-advanced').on('change', '#categoryDropdown', function(){
    $('#search-advanced form').trigger('submit');
});
$('#search-advanced').on('click', 'input[name="one_more"]', function(){
    console.log($(this).attr('name'));
    var name = $(this).attr('name');
    var value = $(this).attr('value');
    $('#search-advanced form').trigger('submit', {name:value});
});

我更改了 type 属性，因为它触发了两次提交。

问题是console.log(e.data);打印undefined而不是传递的对象。

第二个问题是

为什么e.data undefined？

任何建议将不胜感激。