How to load Javascript code or functions.php later in a child theme?

Question

I'm placing some JS code in functions.php in my child theme but it loads first than anything else. Thus, I'm trying to get it to load later than the rest cos it needs Jquery. I tried enqueuing WP's built-in jquery like below but I still get "$ not defined" error cos I think the enqueue function runs later.

How can I pull this off? Should I place the code in footer.php?

In WordPress jQuery is run in no conflict mode, so you can’t use $. You need to use jQuery. — Jacob Peattie
– Jacob Peattie, Commented Feb 9, 2022 at 3:20
You can use jQuery instead of "$"; or you can follow the method below. digwp.com/2011/09/using-instead-of-jquery-in-wordpress — Jhonatan Villena
– Jhonatan Villena, Commented Feb 9, 2022 at 4:48
Can you show the relevant code from your functions file please? — Andy Macaulay-Brook
– Andy Macaulay-Brook, Commented Feb 9, 2022 at 12:15

Sittipong Wiboonsirichai · Accepted Answer · 2022-02-09 03:26:35Z

0

Could you set priority parameter like this?

function child_theme_scripts() {
   // wp_enqueue_script
}
add_action( 'wp_enqueue_scripts', 'child_theme_scripts', 11 );

answered Feb 9, 2022 at 3:26

Sittipong Wiboonsirichai

1

Add a comment |

Stack Exchange Network

How to load Javascript code or functions.php later in a child theme?

1 Answer 1

Your Answer

Hot Network Questions

How to load Javascript code or functions.php later in a child theme?

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions