Javascript not working in theme folder, only in root directory

Hi there,

instead of hardcoding your scripts and styles, in WordPress you should use wp_enqueue_script and wp_enqueue_style functions.

I can’t tell why your example does not work, but this example should work (added to your theme’s function.php file)

<?php

function my_custom_script() {
	wp_enqueue_script(
		'custom-script',
		get_template_directory_uri() . '/js/script.js',
		array( 'jquery' )
	);
}

add_action( 'wp_enqueue_scripts', 'my_custom_script' );

?>

Note the array( 'jquery' ) part, which specifies your script depends on jquery and auto-loads it I hope you are not manually enqueueing your own jQuery version).

@zakkates, if still the issue persists you need to link us a page with the issue, rather than a page that works.

yah, I tried that too.

– – –

I’ve left it up so you can see it.

dev site with enque scripts:
https://reedy.wdev4.com/?page_id=12

current straight php site:
https://reedyindustries.com/business.php

This page is loading the script.js file:
https://reedy.wdev4.com/?page_id=12

I’m not sure I understand your issue.

you’ll see on this page that the scroll bar doesn’t work for the list items of businesses, and when you click on the businesses their info doesn’t slide up.

https://reedy.wdev4.com/?page_id=12

to see what it should do, click to this page:
https://reedyindustries.com/business.php

Andrew Nevins,

when I load the script.js file in the ROOT (ex: reedy.wdev4.com/js/script.js) it works, however when I load it through the theme folder (ex: https://reedy.wdev4.com/wp-content/themes/reedy/js/script.js?ver=1.0 ) it does not work.

You have some JS errors on that page: https://reedy.wdev4.com/?page_id=12 – You need to resolve them first – are you aware of those errors?

well, when I switch back to loading the script.js file in the root (reedy.wdev4.com/js/script.js) of the site there aren’t js errors.

weird.

alright, working on those errors.

embarrassing.

thanks for your help! ??