jQuery is not defined in Wordpress, but my script is enqueued properly

Question

I am trying to load a separate javascript file mobile-menu.js to my Wordpress theme. When I look at the console, it says, \"jQuery is not defined.\" However, I know that I e

Answer 1

First Make sure that jquery file is include in the header, and your file requied jQuery

wp_enqueue_script( 
        'lapetitefrog-mobile-menu', 
        get_template_directory_uri() . '/js/mobile-menu.js', 
        array('jquery'), 
        '1.0', 
        true 
);

Second you should start your javascript file like:

(function($) {
    $(document).ready(function() {
        .......
    });
})(jQuery);

OR

// Use jQuery in place of $
jQuery(document).ready(function() {
    .....
});