Init function (wpcf7InitForm)

you might have to rollback to CF7 v4.7 since the newer Version v4.8 got rid of jquery.form.js

I also have trouble with this.

I’m loading page with AJAX on my websites, and used to trigger the wpcf7InitForm(); function to enable AJAX behaviour on the loaded forms.
The wpcf7InitForm(); function do not exist anymore in the v4.8, and it seems that there is no workaround.

Is it planned to re-introduce this?

Quick workaround for now: simply reload the JS file onto the page after the form is created.

jquery:
$('<script type="text/javascript" src="' + your_custom_base_url + '/your_path_to_wp/wp-content/plugins/contact-form-7/includes/js/scripts.js"></script>').appendTo('head');

plain js:

var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = your_custom_base_url + '/your_path_to_wp/wp-content/plugins/contact-form-7/includes/js/scripts.js';
head.appendChild(script);

• This reply was modified 7 years, 5 months ago by Andrew Tibbetts. Reason: added plain js solution
• This reply was modified 7 years, 5 months ago by Andrew Tibbetts.

why he dropped jquery form and removed wpcf7InitForm?

where i can download the 4.7 package ?

Version 4.8.1 has brought back an init function with wpcf7.initForm.

@andrewgtibbetts : How can we execute it ?

I just found out how :

function initContactForm() {
    $( 'div.wpcf7 > form' ).each( function() {
        var $form = $( this );
	wpcf7.initForm( $form );
        if ( wpcf7.cached ) {
            wpcf7.refill( $form );
	}
    } );
}