I've implemented Slick sliders on WordPress sites many times, but I've never had this error before.
The site is here.
The template code I'm using is:
<link rel="stylesheet" type="text/css" href="/site/templates/scripts/slick/slick.css"/>
<script type="text/javascript" src="/site/templates/scripts/slick/slick.js"></script>
<?php // if (count($page->home_header_image) > 0): ?>
<div class="home-featured-image slick-carousel">
<?php foreach($page->home_header_image as $image): ?>
<div class="slide"><img src="<?php echo $image->size(1280,420)->url; ?>"></div>
<?php endforeach ?>
</div>
<?php // endif ?>
<script>
(function($) {
$('.slick-carousel').slick();
})( jQuery );
</script>
The JS error I'm getting is:
TypeError: $.proxy is not a function. (In '$.proxy(_.autoPlay, _)', '$.proxy' is undefined)
As you can see, I tried wrapping the JS call in noconflict, but that doesn't help.
What am I missing?