自定义jQuery在显示重力形式默认验证错误消息后未触发/无法工作

Question

我正在添加自定义jQuery，以根据条件逻辑显示某些字段。例如：当“业务类型”字段值选择为公司时，将显示“公司名称”和“公司网站”字段。否则，这些字段将被隐藏。

一切正常，直到显示重力形式默认验证消息为止。当出现验证错误消息时，不会触发#input_2_8 change事件。拜托，有人可以帮我吗？

根据业务类型值显示/隐藏“公司”字段

jQuery(document).ready(function($){
    //Hide the fields by default
    $('#input_2_9').css('display','none');
    $('#input_2_10').css('display','none');
    $('#input_2_8').on('change', function(e){
    var self = $(this);
    if(self.val() === 'Business') {
        $('#input_2_9').fadeIn();
        $('#input_2_10').fadeIn();
    }else{
        $('#input_2_9').fadeOut();
        $('#input_2_10').fadeOut();
        }
   });

});

如果有人想看看表格，那么这里是URL：https://gems-precious.com/form/

谢谢！

Answer 1

尝试此代码

Date

Answer 2

Gravity 验证字段后，Gravity 表单将重新渲染所有字段，因此您编写的脚本代码不会绑定到新元素。所以需要再次绑定（验证后）或者使用这个钩子gform_post_render。

如下：

jQuery(document).on('gform_post_render', function(){
    console.log('gform rendered');
    //Your custom scripts code
});