JQuery와 슬라이더 CakePHP를 작동하지 않습니다 3

Question

나는이었다

CakePHP의 3.4.5에 jQuery를 슬라이더로이 문제를 해결하려고 서로 다른 파일에 jQuery를하고 CSS 스크립트가 포함되어 있었다
예를 들어 $this->Html->script('jquery.pogo-slider.min.js') $this->Html->script('jquery-2.2.3.min.js') $this->Html->css('pogo-slider.min.css')

파일 내부 src-> 템플레이트> home.ctp, 내가 수정 한 내가 테스트 한 후

<?php 
     $gbr_banner1 = $this->Html->image('banner1.jpg'); 
     $gbr_banner2 = $this->Html->image('banner2.jpg'); 
     $gbr_banner3 = $this->Html->image('banner3.jpg'); 
     $gbr_banner4 = $this->Html->image('banner4.jpg'); 
    ?> 

    <div class="pogoSlider" id="js-main-slider"> 
     <div class="pogoSlider-slide" data-transition="verticalSlide" data-duration="1000" <?= $this->Html->style(['background-image' => $gbr_banner1]) ?>> 
      <div class="pogoSlider-slide-element"> 
        <h3>Title banner</h3> 
      </div> 
     <div> 
     <div class="pogoSlider-slide" data-transition="verticalSlide" data-duration="1000" <?= $this->Html->style(['background-image' => $gbr_banner2]) ?>> 
      <div class="pogoSlider-slide-element"> 
        <h3>Title banner</h3> 
      </div> 
     <div> 
     <div class="pogoSlider-slide" data-transition="verticalSlide" data-duration="1000" <?= $this->Html->style(['background-image' => $gbr_banner3]) ?>> 
      <div class="pogoSlider-slide-element"> 
        <h3>Title banner</h3> 
      </div> 
     <div> 
     <div class="pogoSlider-slide" data-transition="verticalSlide" data-duration="1000" <?= $this->Html->style(['background-image' => $gbr_banner4]) ?>> 
      <div class="pogoSlider-slide-element"> 
        <h3>Title banner</h3> 
      </div> 
     <div> 
    </div> 

쓰기,하지만,작동하지 않습니다3210하지만 난 CakePHP는 프레임 워크없이 테스트되었습니다, 그

Answer 1

이 코드에 이것을 추가 (당신이로드 된 후에 필요한 모든 파일이 추가 확인), 가작 100 %,

이

이 사람이 나를 도울 수 제발, 당신은 필요 포고 슬라이더 초기화

<script> 
var mySlider = $("#js-main-slider").pogoSlider().data('plugin_pogoSlider'); 
</script>