Flexslider carousel / slider not showing - possible conflict?
<p>I inherited an unfinished WordPress development for a client, previous had setup Flexslider with Carousel on this <a href="http://109.199.123.244/~gravenhi/road-car/bamford-rose-sports-exhaust-system/" rel="nofollow">page</a> but it is not displaying on the frontend. I have searched and have found this similar <a href="http://jsfiddle.net/helgatheviking/Q26g3/" rel="nofollow">example</a>, as far as I can see it is setup the same. Flexslider is being called, but checking the console it throws back 'Uncaught TypeError: $ is not a function'.</p>

<p>This is the code block in question;</p>

<pre><code>            &lt;!-- FlexSlider --&gt;
    &lt;script defer src="http://109.199.123.244/~gravenhi/wp-content/themes/bamfordrose/js/jquery.flexslider-min.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
    $(window).load(function(){
      $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        itemWidth: 136,
        itemMargin: 0,
        asNavFor: '#slider'
      });

      $('#slider').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        sync: "#carousel",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
    &lt;/script&gt; 
</code></pre>

<p>I've also tried WordPress no conflict mode as below, but to no avail.</p>

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