1

我正在使用重力表单将我的潜在客户提交给第三方问题是当我点击提交时需要 5 秒才能得到回复并发布潜在客户，而在这种情况下我想向用户显示加载或搜索动画.

我正在使用重力形式，我不知道在哪里以及如何添加此功能。

有人可以帮我解决这个问题，我没有使用ajax。

4

1 回答 1

2

当您在 PHP 短代码中将 AJAX 设置为 true 时，最新的更新应该有一个默认的加载图像。

当 AJAX 属性为 true 时，像这里

<?php 
    echo do_shortcode('[gravityform id="1" title="false" description="false" ajax="true"]');
?>

做这个...

为了避免在单击提交按钮时收到重复的潜在客户提交。请记住，重力表单将处理验证。这将为按钮设置样式，更改其中的文本并禁用按钮单击。默认情况下，加载图像将通过重力形式显示。

<script type="text/javascript" language="JavaScript">
$(document).ready(function(){


    $('#gform_1 input.gform_button').live('click', function(){

        submitContactForm( $(this) );

    });

});

    function submitContactForm( _this ){

        _this.die('click');
        _this.css('opacity', '0.5');
        _this.val('Sending...');

        _this.attr('disabled', 'disabled');// using this will stop the form from submitting
        $('#gform_1').submit();// this will make sure that it submits

        //console.log('calibrating...');        
    }

</script>

在 jquery 中，尝试在“submitContactForm”函数内部覆盖可见的图像 src。

if ( _this.closest('.gform_footer').find('img.gform_ajax_spinner').is(':visible') ){
    _this.closest('.gform_footer').find('img.gform_ajax_spinner').attr('src','DIRECTORY OF YOUR CUSTOM SPINNER IMAGE');
}

这样您就不必记住在更新 Gravity Form 插件时覆盖该图像。

于 2013-01-03T09:01:02.583 回答