I cannot get wp_enqueue_scripts to load a JS file

[gillespieza]

I am trying to load a javascript file into my theme. I'm using the genesis-sample theme, with Genesis 3.3.5 as the parent.

I can successfully load the following CSS:

function pathway_load_bootstrap_css() {

	wp_enqueue_style(
		genesis_get_theme_handle() . '-bootstrap',
		get_stylesheet_directory_uri() . '/lib/pathway/css/bootstrap.min.css',
		null,
		'5.1.0',
		'screen'
	);

}
add_action( 'wp_enqueue_scripts', 'pathway_load_bootstrap_css' );

And when I view the source, I can see the CSS file is loaded in the header. Great, perfect. However, when I try to do the same with a javascript file, nothing happens. I don't get any errors, but the file is not there when I view source:

function pathway_load_bootstrap_js() {

	wp_register_script(
		genesis_get_theme_handle() . '-bs-bundle',
		get_stylesheet_directory_uri() . '/lib/pathway/js/bootstrap.min.js',
		array( 'jquery' ),
		'5.1.0',
		true
	);

}
add_action( 'wp_enqueue_scripts', 'pathway_load_bootstrap_js' );

What have I done wrong here? I'm wracking my brains trying to figure this out. I've even disabled all plugins (no change), and tried changing the hook from wp_enqueue_scripts to genesis_after_footer, all with no change.

https://staging.mypathwayjourney.com/

[Brad Dalton]

Replace wp_register_script with wp_enqueue_script and clear caching.

---

Get Help – Book Consultation.

[gillespieza]

OMG, it worked! What??? Why though? I have always registered my scripts first, and then enqueued. I know you can do it all in one step, but anyhoo. Why does the registering and then enqueuing not work? I checked in my debug log, and wp_register_script is definitely returning true, so ... I don't understand what's happening anymore 🙁

[Brad Dalton]

Where's your code to enqueue?

---

Get Help – Book Consultation.

[Brad Dalton]

See here https://developer.wordpress.org/reference/functions/wp_register_script/#description

wp_register_script Registers a script to be enqueued later using the wp_enqueue_script() function.

---

Get Help – Book Consultation.

[gillespieza]

Yeah, that's exactly what I followed. My code is in my functions file.

Oh god, I see it now. Doh!

[gillespieza]

For reference, if anyone else is having the same problem, it was clearly a PEBKAU error.

I was registering the script correctly with wp_register_script but had not enqueued it with wp_enqueue_script, before hooking into the wp_enqueue_scripts action.

[Author]

Posts