What is the recommended way to add custom javascript to an X child theme? – Themeco Community

What is the recommended way to add custom javascript to an X child theme?

M Pez — Fri, 14 Mar 2014 13:10:25 +0000

I have added some custom code to the primary theme’s JavaScript file. It’s working fine but it will obviously get overwritten during an update.

Can you please tell me the recommended way to do this with my child theme?

This is the JavaScript that I am trying to insert:
jQuery( window ).load( function(){jQuery( '.pez-init-masonry' ).animate( { opacity : 1 }, 500 );});

Like I said, I have it working, I am just trying to understand how I can modify JavaScript in X so it survives an update.

Thanks.

Reply To: What is the recommended way to add custom javascript to an X child theme?

Kory — Sat, 15 Mar 2014 05:49:01 +0000

Hey Michelle,

The quickest and easiest way to do this is to add it via the Custom section of the Customizer, but that is really best for things you aren’t changing or editing a lot (i.e. Google Analytics). If you need to implement something a little more robust, this post should help you out.

Thanks!

Reply To: What is the recommended way to add custom javascript to an X child theme?

M Pez — Sat, 15 Mar 2014 12:22:22 +0000

OMG, has that JavaScript option always been in the customizer? I don’t know how I ever missed that.

Thanks.

Reply To: What is the recommended way to add custom javascript to an X child theme?

Christian — Sun, 16 Mar 2014 11:26:19 +0000

Hey Michelle,

You’re welcome and yes, it has always been there.

Reply To: What is the recommended way to add custom javascript to an X child theme?

brandonmorgan — Tue, 19 Apr 2016 18:31:18 +0000

Hello,

I would like to take advantage of the Customizer > Custom > JavaScript (vs functions.php or third party plugins such as “Per Page Add to Head”). I notice though that the Customizer double-wraps the script tag I place in there with