问题描述
我正在使用 jQuery 在我的提交按钮被点击后添加一个“禁用”属性。
$('#submit-button').click(function () {
setTimeout(function () {
$('#submit-button').attr('disabled','disabled')
},50);
})
我正在使用重力形式并使用 AJAX 在单击时生成一个微调图像,这就是我使用 setTimeout 函数的原因。
这在第一次点击提交按钮时起作用。如果条目通过验证则没问题,禁用的属性被加载,然后进入确认页面。
问题是当验证失败时,页面刷新并显示错误(例如,未正确填写)然后单击提交按钮不会触发 jQuery 单击函数以添加禁用属性
解决方法
重力形式 gform_page_loaded 有效 - https://docs.gravityforms.com/gform_page_loaded/
我把代码放在一个函数中并使用
jQuery(document).on('gform_page_loaded',function(event,form_id,current_page){
myFunction()
});
所以现在函数在 AJAX 调用之后运行