Wordpress Jquery Cycle2 플러그인이 작동하지 않습니다.

Question

Wordpress 홈페이지에 Cycle2 플러그인을 사용하고 있지만 작동하지 않습니다. 우선 클래스 "사이클 슬라이드 쇼"를 사용했지만, 난 단지 콘솔 로그에서이 얻을 :

[cycle2] --c2 init--

지금 내가 사용하려고 해요 API를 사용하지만 여전히 로그 메시지 만 가져오고 슬라이더는 없습니다. 내 코드 :

<script type="text/javascript"> 
      jQuery(document).ready(function(){ 
       jQuery('#home_slider').cycle(); 
      }); 
      </script> 

      <div id='home_slider'> 
           <div class='home_slide'> 
        <div class='slide_tit'>Proyectos</div> 
        <div class='slide_resumen'>Esta es la descripcion</div> 
        <img src='http://localhost/laben/wp-content/uploads/2013/05/header03.jpg'/> 
       </div> 
          <div class='home_slide'> 
        <div class='slide_tit'>Investigación</div> 
        <div class='slide_resumen'>Las principales Áreas de Investigación del Laboratorio de Envases de la Universidad de Santiago de Chile están relacionadas con Envases Activos, Interacción Envase/Alimento, Nanotecnología y Envases Biodegradables. Es preciso indicar que todas estas no son áreas independientes sino más bien áreas que se complementan totalmente entre sí.</div> 
        <img src='http://localhost/laben/wp-content/uploads/2013/05/header01.jpg'/> 
       </div> 
          <div class='home_slide'> 
        <div class='slide_tit'>Servicios</div> 
        <div class='slide_resumen'>Esta es la descripcion</div> 
        <img src='http://localhost/laben/wp-content/uploads/2013/05/header02.jpg'/> 
       </div> 

Answer 1

고쳐졌습니다. 그것은 너무 다른 요소에서 슬라이더를 만들기 위해 기본적으로 이미지를 지원하는 것은 선택 지정해야합니다 :

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    jQuery('#home_slider').cycle({ slides: '.home_slide' }); 
}); 
</script> 

Answer 2

functions.php를

wp_enqueue_script('twentyseventeen-global', get_theme_file_uri('/assets/js/global.js'), array('jquery'), '1.0', true); 

JS

<script type="text/javascript"> 
$(document).ready(function(){ 
$('#slider').cycle({ 
    slides: '.article', 
    fx: 'scrollHorz' 
}); 
</script>