将ajax代码从提交转换为打开（实时）

我有一个过滤wordpress查询的ajax代码

我想把这个通过点击按钮工作的代码转换成一个“实时”过滤器。我试图将submit更改为on，但无效

在这件事上再找个专家能帮我吗

我的代码：

jQuery(function($){ $('#filter').submit(function() { var filter = $('#filter'); $.ajax({ url:filter.attr('action'), data:filter.serialize(), // form data type:filter.attr('method'), // POST beforeSend:function(xhr){ filter.find('button').text('Processing...'); // changing the button label }, success:function(data){ filter.find('button').text('Apply filter'); // changing the button label back $('#response').html(data); // insert data } }); return false; }); }); jQuery（函数（$）{ $（“#过滤器”）.submit（函数（）{ 变量过滤器=$（“#过滤器”）； $.ajax({ url:filter.attr（'action'）， 数据：filter.serialize（），//表单数据 类型：filter.attr（'method'），//POST 发送前：函数（xhr）{ filter.find（'button'）.text（'Processing…'）；//更改按钮标签 }, 成功：功能（数据）{ filter.find（'button'）.text（'Apply filter'）；//重新更改按钮标签 $（'#response'）.html（数据）；//插入数据 } }); 返回false； }); }); 还尝试了以下操作，但不起作用：

jQuery(function($){ $('#filter').on('click',function() { var filter = $('#filter'); $.ajax({ url:filter.attr('action'), data:filter.serialize(), // form data type:filter.attr('method'), // POST beforeSend:function(xhr){ filter.find('button').text('Processing...'); // changing the button label }, success:function(data){ filter.find('button').text('Apply filter'); // changing the button label back $('#response').html(data); // insert data } }); return false; }); }); jQuery（函数（$）{ $（“#过滤器”）。在（'click'，function（）上{ 变量过滤器=$（“#过滤器”）； $.ajax({ url:filter.attr（'action'）， 数据：filter.serialize（），//表单数据 类型：filter.attr（'method'），//POST 发送前：函数（xhr）{ filter.find（'button'）.text（'Processing…'）；//更改按钮标签 }, 成功：功能（数据）{ filter.find（'button'）.text（'Apply filter'）；//重新更改按钮标签 $（'#response'）.html（数据）；//插入数据 } }); 返回false； }); });