Wordpress jquery $ is not a function

Question

I am trying to wrap this function

$( "li.menu-item" ).hover(function() {  // mouse enter
    $( this ).find( " > .sub-menu" ).show(); // display immediate child

}, function(){ // mouse leave
    if ( !$(this).hasClass("current_page_item") ) {  // check if current page
        $( this ).find( ".sub-menu" ).hide(); // hide if not current page
    }
});

In:

(function($){

})(jQuery);

To eliminate the $ is not a function error in WordPress. Below is my code. I a still receiving the $is not a function error. Can someone please help me to update this code to resolve the error?

Answer 1

This normally occurs because Wordpress uses https://code.jquery.com/jquery-1.11.4.js as its default CDN. Where as lots of sites/scripts utilise more recent versions. Hence the $ is not a function error. Instead of wrapping every js function which is a massive time drain and not always practical, simply add this to your header, or as high up in the document as possible. This way you wont have to wrap all your js functions and can continue to use $

var $ = jQuery.noConflict();