New problem when changing to foundation.min.js

I have before, yes. :-) Let me do that again just now...

No affect unfortunately.

I am just looking on the codex and and it is using jQuery all in lower case within the dependencies explanation ....

<?php 

<?php

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

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

?>

?>

fingers crossed :)

It doesn't want to work. Hmmm it's a tricky one. It's been just under a year since the course came out. Has there been some sort of update i wonder that requires a new work around? I'm sure I've got the code right now :)

I think I have spotted it, its in your dependencies the name of foundation is foundation_js but you names it as foundationmin_js when you enqueue it.

Well I think I have it lets see lol

Still nothing I'm afraid.

I have gone ahead though and set up the menu area for that part of the video. I feel like I've achieved something now :) But the menu doesn't appear yet when i click the hamburger button.

I have made sure those dependencies match now but still no difference. Hmmm

<?php 
function wpt_theme_js() {
    wp_enqueue_script('modernizr_js', get_template_directory_uri() . '/js/modernizr.js', '', '', true );
    wp_enqueue_script('foundationmin_js', get_template_directory_uri() . '/js/foundation.min.js', 'jquery', '', true);
    wp_enqueue_script('main_js', get_template_directory_uri() . '/js/app.js', array('jquery', 'foundationmin_js'), '', true);

}

//hook - tell wordpress when to call the function
add_action('wp_enqueue_scripts', 'wpt_theme_js');

?>

Uncaught ReferenceError: jquery is not defined(anonymous function) @ app.js?ver=4.3.1:1

we seem to be getting there because the error has changed to a line of code further down. I cant spot anything else that cause a problem.

The only thing that comes to mind now is clearing the cache or if on chrome try the sit in incognito mode :S

sorry i cant be of much help

FIXED :)

After a few minutes away I had a thought. I had looked at the no conflict wrapper before and tried

jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
});

only with both jquery and jQuery in line 1 of the no conflict code. But I had a feeling if I looked at the documentation it would work. We got there in the end thanks for your help :)

Hi Jonathan,

Glad to here it is fixed and you can keep going!

Craig

Wordpress has jquery installed automatically so it should pick it up. I did figure out that I needed to use no conflict jquery along a minor change to my functions.php file but I'm still left with the following console error.

Uncaught ReferenceError: jQuery is not defined(anonymous function) @ foundation.min.js?ver=4.3.1:8

Or have I got it wrong? There's no direct linking to jquery in the videos.

Thanks :)

It doesn't want to work. Hmmm it's a tricky one. It's been just under a year since the course came out. Has there been some sort of update i wonder that requires a new work around? I'm sure I've got the code right now :)

I'm using WordPress locally. Does clearing the cache matter in that case?

Anyway thanks for trying. Maybe we need Zac Gordon 's expert advice ;)

Yes the files will still be cached by the browser, I had some similar trouble doing the bootstrap course.

Still nothing. Gonna take a break from this and maybe the answer will come later. Slow progress today but hopefully will learn from this :)

This fix totally worked for me. Thanks!