title: Swiper - methods won't work - mySwiper.slideTo is not a function
body: <p>im using the swiper plugin, but can't seem to get any methods to work.</p>
  
  <p>my jQuery and swiper are added like this:</p>
  
  <pre><code>&lt;script src="jquery-3.2.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="swiper.jquery.js" type="text/javascript"&gt;
  </code></pre>
  
  <p>at the bottom of my html.
  my swiper is initialized like this in document ready:</p>
  
  <pre><code>mySwiper = new Swiper('.swiper-container', {
    direction: 'horizontal',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    pagination: '.swiper-pagination',
    paginationType: 'fraction',
    grabCursor: true,
    keyboardControl: true,        
    onSlideChangeStart: function (){
  
      $('video').each(function() {  
          $(this)[0].pause();
      });
  
      $(".swiper-slide-active video").each(function() {  
          $(this)[0].play();
      });
          if ($(".swiper-slide-active").hasClass("layout4"))
          {
              video_visible = 1;
              $(".section").css("background-color", "black");
              $("body").css("color", "white");
              $(".swiper-button-prev").css("background-image", "url(img/leftArrowW.png)");
              $(".swiper-button-next").css("background-image", "url(img/rightArrowW.png)");
              $(".swiper-button-prev").css("opacity", "0.25");
              $(".swiper-button-next").css("opacity", "0.25");
              $(".headline").css("opacity", "0.25");
              $(".swiper-pagination").css("opacity", "0.25");
          }
          else {
              video_visible = 0;
              $(".section").css("background-color", "white");
              $("body").css("color", "black");
              $(".section .swiper-button-prev").css("background-image", "url(img/leftArrow.png)");
              $(".section .swiper-button-next").css("background-image", "url(img/rightArrow.png)");
              $(".swiper-button-prev").css("opacity", "1");
              $(".swiper-button-next").css("opacity", "1");
              $(".headline").css("opacity", "1");
              $(".swiper-pagination").css("opacity", "1");
          }
        if ($(".swiper-slide-active").hasClass("layout7"))
          {
              $(".layout7").css("background-color", "#e0e8eb");
          }
  
    },
    loop: true ,
  });    
  </code></pre>
  
  <p>and the function i want to call is:</p>
  
  <pre><code>$('.section .down').waypoint(function(direction){
      if ($(".swiper-slide-active").hasClass("layout4")){
          if (direction == 'down') {
              if (!once_d){
  
                  mySwiper.slideTo(1,100,false);
  
                  $(".section").css("background-color", "white");
                  $("body").css("color", "black");
                  $(".swiper-button-prev").css("background-image", "url(img/leftArrow.png)");
                  $(".swiper-button-next").css("background-image", "url(img/rightArrow.png)");
                  $(".swiper-button-prev").css("opacity", "1");
                  $(".swiper-button-next").css("opacity", "1");
                  $(".headline").css("opacity", "1");
                  $(".swiper-pagination").css("opacity", "1");
                  $('video').each(function() {  
                  $(this)[0].pause();
                  });
                  video_visible = 0;
                  once_d = true;
              }
              else{
                  return;
              }
          }
      }
  }, { offset: "-25%" });
  </code></pre>
  
  <p>the error i get is:</p>
  
  <pre><code>Uncaught TypeError: mySwiper.slideTo is not a function
  at Waypoint.$.waypoint.offset [as callback]
  </code></pre>
  
  <p>this happens , no matter what method i'm trying to execute.
  i tried with </p>
  
  <pre><code>mySwiper.update();
  </code></pre>
  
  <p>aswell.</p>
  
  <p>i'm suspecting the error might come from my swiper/jQuery files, but i also tried redownloading.</p>
  
  <p>thanks in advance</p>