title: How to make iDangerous Swiper works on Wordpress
body: <p>I'm learning to use Swiper Sldier in a website using wordpress and Divi theme. I also try to follow a previous thread as a guide. </p>
  
  <p>After following the instruction, the slider does not work, the imgage stuck at the left screen and it does not move as I drag them.</p>
  
  <p>Here is the code on functions.php</p>
  
  <pre><code>/** Function SSwiper **/
  function swiper_magic() {
  wp_enqueue_script('swiper','https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js', array ('jquery')); 
  }
  add_action( 'wp_enqueue_scripts', 'my_scripts_method' ); 
  add_action( 'wp_enqueue_scripts', 'swiper_magic' );
  
  </code></pre>
  
  <p>On my header:</p>
  
  <pre><code>
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.css"&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css"&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"&gt;&lt;/script&gt;
   &lt;script&gt;
   $(document).ready(function(){
     var mySwiper = new Swiper('.swiper-container',{
       pagination: '.pagination',
       loop:true,
       grabCursor: true,
       paginationClickable: true
     })
     jQuery('.arrow-left').on('click', function(e){
       e.preventDefault()
       mySwiper.swipePrev()
     })
     jQuery('.arrow-right').on('click', function(e){
       e.preventDefault()
       mySwiper.swipeNext()
     })
   })
   &lt;/script&gt; 
  </code></pre>
  
  <p>And this is my HTML</p>
  
  <pre><code>&lt;div class="device"&gt;
      &lt;a class="arrow-left" href="#"&gt;&lt;/a&gt; 
      &lt;a class="arrow-right" href="#"&gt;&lt;/a&gt;
      &lt;div class="swiper-container"&gt;
        &lt;div class="swiper-wrapper"&gt;
          &lt;div class="swiper-slide"&gt; &lt;img src="/images/slider1-1.png"&gt; &lt;/div&gt;
          &lt;div class="swiper-slide"&gt; &lt;img src="/images/slider1-2.png"&gt; &lt;/div&gt;
          &lt;div class="swiper-slide"&gt;
            &lt;div class="content-slide"&gt;
              &lt;p class="title"&gt;Slide with HTML&lt;/p&gt;
              &lt;p&gt;You can put any HTML inside of slide with any layout, not only images, even another Swiper!&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="pagination"&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I don't know why it did not work. </p>
  
  <p>Any help or general suggestions would be greatly appreciated...</p>