title: Slider is not working and I've got TypeError: jQuery(...).easyResponsiveTabs is not a function
body: <p>Okay what I have is a <strong>wordpress</strong> website: <a href="http://reformpackagingmachine.com" rel="nofollow">http://reformpackagingmachine.com</a></p>
  
  <p>I have a slider problem and I'm getting this error :</p>
  
  <p><strong>"TypeError: jQuery(...).easyResponsiveTabs is not a function"</strong></p>
  
  <p><strong><em>activate: function(event) { // Callback function if tab is switched</em></strong></p>
  
  <p>on firebug -which I think is another problem than bxSlider-</p>
  
  <p>I wasn't the one that made the website, but the prev. developer ran away and I have to fix this.</p>
  
  <p>I knew that errors like this might because of the paths of jQuery or jQuery ui files but I've checked it. </p>
  
  <p>When I tried to validate at <a href="http://validator.w3.org" rel="nofollow">http://validator.w3.org</a> it was giving errors about some <code>&lt;link&gt;</code> elements , because they were in the <em>footer.php</em> file. So I moved them to the <em>header.php</em> and it validated.</p>
  
  <p>So my sliders(both horizontal and vertical)are not working, and I don't really get why I'm having this error. I mean what it has to do with sliders?? </p>
  
  <p>So here is my head markup,</p>
  
  <pre><code>&lt;meta charset="&lt;?php bloginfo( 'charset' ); ?&gt;"&gt;
  &lt;meta name="viewport" content="width=device-width"&gt;
  &lt;title&gt;&lt;?php wp_title( '|', true, 'right' ); ?&gt;&lt;/title&gt;
  &lt;link rel="profile" href="http://gmpg.org/xfn/11"&gt;
  &lt;link rel="pingback" href="&lt;?php bloginfo( 'pingback_url' ); ?&gt;"&gt;
  &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;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;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 type="text/javascript" src="/wp-content/themes/aykamakina/fancybox/source/jquery.fancybox.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is the markup for slider:</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>This is the script for bxslider:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
          jQuery.noConflict();
  
           jQuery(document).ready(function() 
           {
              jQuery('.bxslider').bxSlider({
                  pagerCustom: '#bx-pager',
                  mode: 'fade'
              });
  
           });  
  
          jQuery(function ($) {
          $(document).ready(function(){
            $('.slider8').bxSlider({
              mode: 'vertical',
              slideWidth: 300,
              minSlides: 2,
              slideMargin: 10
            });
          }); 
          });
  
          jQuery(document).ready(function() {
              jQuery(".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>And this is the script for easyResponsiveTabs:</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
              jQuery(document).ready(function () {
                 jQuery('#horizontalTab').easyResponsiveTabs({
                      type: 'default', //Types: default, vertical, accordion           
                      width: 'auto', //auto or any width like 600px
                      fit: true,   // 100% fit in a container
                      closed: 'accordion', // Start closed if in accordion view
                      activate: function(event) { // Callback function if tab is switched
                          var $tab = jQuery(this);
                          var $info = jQuery('#tabInfo');
                          var $name = jQuery('span', $info);
  
                          $name.text($tab.text());
  
                          $info.show();
                        }
                     });
                  });
              &lt;/script&gt;
  </code></pre>
  
  <p>I know it looks confusing but I'm sure you can see better if you go to the link and check it. You will see it looks pretty bad now and it's online! </p>
  
  <p>And if I missed any necessary info on this description, please tell me so that I can add it.</p>
  
  <p>So I'm completely open to all kinds of useful information. Thanks a lot in advance!</p>
  
  <p><strong>Edit #1</strong> I've tried using <em>noConflict</em> like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var j = jQuery.noConflict();
              j(document).ready(function () {
                 j('#horizontalTab').easyResponsiveTabs({
                      type: 'default', //Types: default, vertical, accordion           
                      width: 'auto', //auto or any width like 600px
                      fit: true,   // 100% fit in a container
                      closed: 'accordion', // Start closed if in accordion view
                      activate: function(event) { // Callback function if tab is switched
                          var $tab = jQuery(this);
                          var $info = jQuery('#tabInfo');
                          var $name = jQuery('span', $info);
  
                          $name.text($tab.text());
  
                          $info.show();
                      }
                  });
  
              });
          &lt;/script&gt;
  </code></pre>
  
  <p>but it didn't work and I've got the same error...</p>