jQuery的滑塊不CakePHP中工作3

我試圖解決這個問題，jQuery的滑塊在CakePHP中3.4.5jQuery的滑塊不CakePHP中工作3

我包括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>

然後我進行了測試，但它不工作，，但我沒有CakePHP的框架進行了測試，這很好的工作100％，

有人能幫助我，請

來源

2017-04-12 arizz_okeh_354

添加到您的代碼（請確保您添加此加載之後所有必需的文件），您需要intialize pogo-slider

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

來源

2017-04-12 10:21:06

jQuery的滑塊不CakePHP中工作3

回答

相關問題