jQuery snippet в пользовательской теме WordPress

Question

Я нашел jQuery scroll trick, который я хотел бы использовать в моей теме WordPress. Проблема в том, что функция, заданная .scroll(), никогда не выполняется.

Для целей отладки, я уменьшил сценарий к следующему:

(function() { 
    alert("foo"); 
    $(window).scroll(function (evt) { 
    alert("bar"); 
    }); 
})(); 

Я поместил JS в mytheme.js и добавил следующее functions.php:

function mytheme_enq_script() { 
    wp_enqueue_script('mytheme', get_template_directory_uri().'/mytheme.js', 
    array('jquery'), '0.1', true); 
} 
add_action('wp_enqueue_scripts', 'mytheme_enq_script'); 

РНР должен быть прав, потому что скрипт загружен и появляется предупреждение «foo», но предупреждение «bar» не работает. Что случилось с моим минимальным кодом jQuery?

Answer 1

Я посмотрел на веб-консоли, пробежал TypeError: $ is not a function when calling jQuery function и изменили JS к следующему:

(function ($) { 
    alert("foo"); 
    $(window).scroll(function (evt) { 
    alert("bar"); 
    }); 
})(jQuery); 

Теперь он загружает, как и ожидалось.