jquery Slider funktioniert nicht in cakephp 3

Question

Ich war versuchen, dieses Problem mit jQuery slider in CakePHP zu lösen 3.4.5

Ich war umfassen jQuery und CSS-Skript in jeder anderen Datei
zB $this->Html->script('jquery.pogo-slider.min.js') $this->Html->script('jquery-2.2.3.min.js') $this->Html->css('pogo-slider.min.css')

Innerhalb Datei src-> template-> home.ctp, habe ich geändert und schreiben

<?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> 

dann wurde ich getestet, aber es funktioniert nicht, , aber ich war ohne CakePHP Rahmen getestet, das ist gute Arbeit 100%,

jemand mir helfen kann, bitte

Answer 1

fügen Sie diese, um Ihren Code (stellen Sie sicher, dass Sie diese hinzufügen, nachdem alle erforderlichen Dateien geladen werden), müssen Sie pogo-slider initialisieren

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