title: TypeError: j(...).bxSlider is not a function - Sliders are not working
body: <p>I am working on <a href="http://reformpackagingmachine.com" rel="nofollow">this</a> website ( I wasn't the one made the website but I have to fix it unfortunately).
  I've got this error on firebug : <strong>TypeError: j(...).bxSlider is not a function</strong></p>
  
  <p>Here is my <code>&lt;head&gt;</code>:</p>
  
  <pre><code>&lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/wp-content/themes/aykamakina/bxslider/jquery.bxslider.min.js"&gt;&lt;/script&gt;
  &lt;link type="text/css" href="/wp-content/themes/aykamakina/bxslider/jquery.bxslider.css" rel="stylesheet" media="all"&gt;
  
  &lt;link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" media="all"&gt;
  &lt;script type="text/javascript" src="//code.jquery.com/ui/1.10.4/jquery-ui.js"&gt;&lt;/script&gt;
  
  &lt;script src="/wp-content/themes/aykamakina/tabs/js/easyResponsiveTabs.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="/wp-content/themes/aykamakina/tabs/css/easy-responsive-tabs.css"&gt;
  &lt;link rel="stylesheet" href="/wp-content/themes/aykamakina/fancybox/source/jquery.fancybox.css" type="text/css" media="screen"&gt;
  &lt;script type="text/javascript" src="/wp-content/themes/aykamakina/fancybox/source/jquery.fancybox.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Here is my markup:</p>
  
  <pre><code>&lt;div class="the-main-slider-container"&gt;
  &lt;ul class="bxslider"&gt;
  
      &lt;li&gt;
          &lt;img alt="slider" src="/wp-content/uploads/2014/03/slider-1.jpg"&gt;
      &lt;/li&gt;
  
      &lt;li&gt;
          &lt;img alt="slider" src="/wp-content/uploads/2014/03/slider-2.jpg"&gt;
      &lt;/li&gt;
  
      &lt;li&gt;
          &lt;img alt="slider" src="/wp-content/uploads/2014/03/slider-3.jpg"&gt;
      &lt;/li&gt;
  
      &lt;li&gt;
          &lt;img alt="slider" src="/wp-content/uploads/2014/03/slider-4.jpg"&gt;
      &lt;/li&gt;
  
      &lt;li&gt;
          &lt;img alt="slider" src="/wp-content/uploads/2014/03/slider-5.jpg"&gt;
      &lt;/li&gt;
  
  &lt;/ul&gt;
  
  &lt;div id="bx-pager"&gt;
  &lt;div class="pager-wrapper"&gt;
      &lt;div class="pager-container"&gt;
          &lt;a data-slide-index="0" href=""&gt;&lt;img alt="icone" src="/wp-content/uploads/2014/03/D320-icone-features-features.png"&gt;&lt;/a&gt;
          &lt;a data-slide-index="1" href=""&gt;&lt;img alt="icone" src="/wp-content/uploads/2014/03/D320-icone-features-confezioni.png"&gt;&lt;/a&gt;
          &lt;a data-slide-index="2" href=""&gt;&lt;img alt="icone" src="/wp-content/uploads/2014/03/D320-icone-features-vantaggi.png"&gt;&lt;/a&gt;
          &lt;a data-slide-index="3" href=""&gt;&lt;img alt="icone" src="/wp-content/uploads/2014/03/D320-icone-features-specifiche.png"&gt;&lt;/a&gt;
          &lt;a data-slide-index="4" href=""&gt;&lt;img alt="icone" src="/wp-content/uploads/2014/03/d320-icone-compact2.png"&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the script:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
          var j = jQuery.noConflict();
  
           j(document).ready(function() 
           {
              j('.bxslider').bxSlider({
                  pagerCustom: '#bx-pager',
                  mode: 'fade'
              });
  
           });  
  
          j(function ($) {
          j(document).ready(function(){
            j('.slider8').bxSlider({
              mode: 'vertical',
              slideWidth: 300,
              minSlides: 2,
              slideMargin: 10
            });
          }); 
          });
  
          j(document).ready(function() {
              j(".various").fancybox({
                  maxWidth    : 450,
                  maxHeight   : 400,
                  fitToView   : false,
                  width       : '70%',
                  height      : '70%',
                  autoSize    : false,
                  closeClick  : false,
                  openEffect  : 'none',
                  closeEffect : 'none'
              });
          });
  
          &lt;/script&gt;
  </code></pre>
  
  <p>As you can see I've tried to use <em>noConflict;</em>, because I saw lots of post on the internet with the same error and looks like most of them solved the issue with noConflict; but it's not working for me. </p>
  
  <p>By the way, all the sliders were made with a plugin called <strong>Cyclone Slider</strong>, I really don't get what the previous developer did...</p>
  
  <p>And the markup seems fine. I can't spot what's wrong. Any help would be really appreciated. Thanks a lot for your time!</p>
  
  <p><strong>Edit #1</strong>: Other instances of jQuery I've found in the source code;</p>
  
  <pre><code>     &lt;script type='text/javascript' src='http://reformpackagingmachine.com/wp-includes/js/jquery/jquery.js?ver=1.10.2'&gt;&lt;/script&gt;
  
       &lt;script type='text/javascript' src='http://reformpackagingmachine.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.50.0-2014.02.05'&gt;&lt;/script&gt;
  
       &lt;script type='text/javascript' src='http://reformpackagingmachine.com/wp-includes/js/jquery/jquery.masonry.min.js?ver=2.1.05'&gt;&lt;/script&gt;
  
       &lt;script type='text/javascript' src='http://reformpackagingmachine.com/wp-content/plugins/cyclone-slider-2/libs/cycle2/jquery.cycle2.min.js?ver=2.8.2'&gt;&lt;/script&gt;
  
       &lt;script type='text/javascript' src='http://reformpackagingmachine.com/wp-content/plugins/cyclone-slider-2/libs/cycle2/jquery.cycle2.carousel.min.js?ver=2.8.2'&gt;&lt;/script&gt;
  
       &lt;script type='text/javascript' src='http://reformpackagingmachine.com/wp-content/plugins/cyclone-slider-2/libs/cycle2/jquery.cycle2.swipe.min.js?ver=2.8.2'&gt;&lt;/script&gt;
  
       &lt;script type='text/javascript' src='http://reformpackagingmachine.com/wp-content/plugins/cyclone-slider-2/libs/cycle2/jquery.cycle2.tile.min.js?ver=2.8.2'&gt;&lt;/script&gt;
  
       &lt;script type='text/javascript' src='http://reformpackagingmachine.com/wp-content/plugins/cyclone-slider-2/libs/cycle2/jquery.cycle2.video.min.js?ver=2.8.2'&gt;&lt;/script&gt;
  </code></pre>