title: iDangerous Swiper gets out of sync after onSlideClick
body: <p>I have two Swipers on a page, which are linked and synchronized. Both are looped and show some 60 slides or so (length is dynamic). Both Swipers have pagination and it works fine on both a click on 'next' and 'previous' button (.swipePrev() and .swipeNext()).</p>
  
  <p>The first Swiper is showing just one big image, the second one is a carousel with thumbnails (showing the active one, and two previous and two next slides). When I page on either one, the active index is updated and the active slide is centered in the small one, the big image is updated too.</p>
  
  <p>I now want to add functionality to also update both sliders when I click on a slide in the carousel. I added the following code to the carousel:</p>
  
  <pre><code>onSlideClick: function() {
      accoPager.swipeTo(accoPager.clickedSlideIndex);
      accoSlider.swipeTo(accoPager.activeIndex);
  }
  </code></pre>
  
  <p>This works fine when I click it once, but on a second click it doesn't work anymore. </p>
  
  <p>Fun thing, after I use the regular pagers (the arrow buttons on either side), or I slide, the events work again. What seems to be happening is that the active index is not updated properly when I use .swipeTo(), but it is corrected when I use .swipeNext() or .swipePrevious().</p>
  
  <p>The initialization of the Swipers is (big one first):</p>
  
  <pre><code>slider= $('#acco-slider-top').swiper({
      mode: 'horizontal',
      paginationClickable: true,
      slidesPerView: 'auto',
      loop: true,
      loopedSlides: 99,
      onTouchEnd: function () {
          pagerCarousel.swipeTo(slider.activeIndex);
      }
  });
  
  pagerCarousel = $('#pager-area .swiper-container').swiper({
      mode: 'horizontal',
      paginationClickable: true,
      slidesPerView: 'auto',
      offsetPxBefore: 144,
      loop: true,
      loopedSlides: 99,
      onTouchEnd: function () {
          slider.swipeTo(pagerCarousel.activeIndex);
      },
      onSlideClick: function() {
          pagerCarousel.swipeTo(pagerCarousel.clickedSlideIndex);
          slider.swipeTo(pagerCarousel.clickedSlideIndex);
      }
  });
  </code></pre>
  
  <p>I tried setting the active index, but that doesn't work. When I alert anything in the onSlideClick event I found that the event is still linked to the Swiper, but it gets stopped somewhere in the swiper code. </p>
  
  <p>Does anyone have any issues with this too and what's the best way to proceed? I think it has something to do with the params.onSlideClick _this.allowSlideClick toggles in the Swiper code, but I can't pinpoint what exactly.</p>
  
  <p>EDIT: Not unimportantly, I'm using Swiper 2.4.2+</p>