单击小部件窗体Elementor时更改按钮中的文本

Question

我尝试在Elementor Pro中处理表格。任务的本质是通过事件更改按钮中的文本。例如，在联系表格7中，我单击时更改了文本，并且发送成功或失败，如下所示：

jQuery(document).ready(function($) {
            document.addEventListener( 'wpcf7submit', function( event ) {
                var status = event.detail.status;  
                console.log(status);  
                if( status === 'validation_failed'){
                    jQuery('.wpcf7-submit').val("Try again");
                }    
            }, false );

            document.addEventListener( 'wpcf7submit', function( event ) {
                var status = event.detail.status;  
                console.log(status);  
                if( status === 'mail_sent'){
                    jQuery('.wpcf7-submit').val("Thx!");
                }    
            }, false );

            jQuery('.wpcf7-submit').on('click',function(){
                jQuery(this).val("Send...");
            });
        });

在Elementor表单小部件中，我只知道一个Webhook“ submit_success”，现在我可以使用它在成功提交期间隐藏表单。但是，如何在发送时更改按钮文本（“发送...”）并在不发送（“重试”）的情况下在按钮上输出文本呢？

谢谢您的帮助！