title: Swiper slider does not swipe slides on mobile devices
body: <p>Can not fix some issue, I use swiper slider, everything is fine, nice slider, but there is one oroblem, when I am on desktop page version and swipe slider is ok, but when I turn on mobile emulator without reloading page swiper sliders does not swipe, but when I update the page it is ok slides are swiping, how can I fix it without page reloading please, here is code I use  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> if ($('.swiper-container').length) {
      let mySwiper = new Swiper('.swiper-container', {
        loop: false,
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },
        breakpoints: {
          300: {
            mousewheel: true,
            keyboard: true,
            slidesPerView: 1,
            spaceBetween: 24,
            allowSlidePrev: true,
            allowSlideNext: true
          },
          400: {
            slidesPerView: 1,
            spaceBetween: 24,
            allowSlidePrev: true,
            allowSlideNext: true
          },
          640: {
            slidesPerView: 2,
            spaceBetween: 30,
            allowSlidePrev: true,
            allowSlideNext: true
          },
          768: {
            slidesPerView: 2,
            spaceBetween: 56,
            allowSlidePrev: true,
            allowSlideNext: true
          },
          960: {
            slidesPerView: 2,
            spaceBetween: 56,
            allowSlidePrev: true,
            allowSlideNext: true
          },
          991: {
            slidesPerView: 3,
            spaceBetween: 28,
            allowSlidePrev: false,
            allowSlideNext: false
          }
        }
      });
    }</code></pre>
  </div>
  </div>
  </p>