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

回答

相关问题