Stop CF7 Multiclick

First of all, inspect the submit button to discern what selector you should use to specify it. You can use your browser developer tools, or if you customized it via the CF7 interface you can look in the form admin. If you have an id on the button like my-submit , you can use that in the shortcode as well as the reactivate function like:

[cf7multiclick selector="#my-submit"] on_submit: window.cf7multiclick.reactivate('#my-submit');

This really is only relevant if you’ve manually entered the HTML for the button — the CF7-generated “shortcode” should have the expected default class of .wpcf7-submit already, in which case you wouldn’t need to specify the selectors for the callbacks.

I came across an instance where the shortcode was being called in a modal popup, which loaded content via ajax. Since it was in a new request, the plugin script’s dependency on jQuery caused it to load jQuery (as it should), but because this happened after the rest of the page was already loaded it injected jQuery again, thus overwriting the jQuery object and breaking other jQuery plugins.

The solution is to tell the shortcode which script to load or use, and then call the shortcode in two separate places.

First, tell the shortcode to not use the script function (only loading the plugin script). Put this in the regular page:

[cf7multiclick use_script="false"]

Then, tell the shortcode to not load the script (and thus dependencies). Put this in the modal:

[cf7multiclick load_script="false"]

Coming soon!