In this answer, Wr have shared how to enable AJAX on Contact Form 7 Form after AJAX Load. Calling this function inserts a new loading logo each time. Unfortunately, I couldn’t find a better solution than deleting the duplicate loader from DOM using jQuery:
1 2 3 4 5 6 7 | function initContactForm() { jQuery('div.wpcf7 > form').wpcf7InitForm(); jQuery('form.wpcf7-form') .each(function() { $j(this).find('img.ajax-loader').last().remove(); }); } |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.