asked on
Execute jQuery after Function
Hello,
I am embedding a form from HubSpot with this code:
On page load, this injects a DIV with a form in it. This DIV has an identifying class "hbspt-form" (which I cannot control the name of, or adding ID's, etc.) To style it, I am trying to execute this line of code after the above code:
Which doesn't work because its executing BEFORE the hbspt.forms.create function (as far as I can tell.) If I run the jQuery line in the console, after all has loaded, the line works perfectly. Can you help me create the code necessary to append those two classes at the correct time?
Thanks!
I am embedding a form from HubSpot with this code:
<script>
hbspt.forms.create({
css: '',
portalId: 'XXXXXXX',
formId: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'
});
</script>
On page load, this injects a DIV with a form in it. This DIV has an identifying class "hbspt-form" (which I cannot control the name of, or adding ID's, etc.) To style it, I am trying to execute this line of code after the above code:
jQuery('[name="firstname"]').addClass( "wpcf7-form-control wpcf7-text" );
Which doesn't work because its executing BEFORE the hbspt.forms.create function (as far as I can tell.) If I run the jQuery line in the console, after all has loaded, the line works perfectly. Can you help me create the code necessary to append those two classes at the correct time?
Thanks!
* hubspotCSSjQuery
Last Comment
Julian Hansen
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Thanks!
You are welcome.
Open in new window
The annoying part is that you can't wrap it in jQuery - it breaks the HubSpot code so it injects after the closing HTML tag, lol.