jqueryのフルスクリーンイメージスライダを実装するyii 2 project

Question

私はyii2プロジェクトでスライダを実装しようとしていますが、先週yiiを使い始めました。ここで正しいことをしていれば、thisコードをダウンロードしましたが、私はそれを使用している100％、画像とサムネイルが表示されていません使用していますが、私はバックグラウンドを変更するサムネイルをクリックすることはできません、元のコードは正常に動作している、問題はできません私のYiiプロジェクトで作業

<?php 
$dataProvider = new ActiveDataProvider([ 
    'query' => Cake::find(), 

]); 
?> 

<?= ListView::widget([ 
    'dataProvider' => $dataProvider, 
    'itemView' => '_bolos', 
    'summary' => '', 
    'options' => [ 
     'tag' => 'div', 
     'id' => 'gallery', 
     'class' => 'bigImages', 
    ], 

]); ?> 

_bolos：

<?php 
use yii\helpers\Html; 

/* @var $model \app\models\Cake */ 

?> 

<script> 
    <?php $this->beginBlock('page-script') ?> 
    (function() { 

     $("#gallery").fullscreenGallery(); 

    })(); 
    <?php $this->endBlock() ?> 
</script> 

<?php $this->registerJs($this->blocks['page-script']) ?> 


<div id="gallery"> 
    <div class="bigImages"> 
     <ul> 
      <li> <?= Html::img($model->cakePhotos[0]->getUploadUrl('file'), ['width' => '100%']); ?></li> 

     </ul> 
    </div> 
    <div class="thumbnails"> 
     <ul> 
      <li> <?= Html::img($model->cakePhotos[0]->getThumbUploadUrl('file')); ?></li> 
     </ul> 
    </div> 

</div> 

Answer 1

ウィジェットListViewは、それぞれモデルの_bolos.phpビューを$dataProviderから取得します。 したがって、あなたのページには、div要素とjsスクリプトの#galleryがほとんど含まれません（ページのソースコードを参照）。したがって、正しく初期化することはできません。

メインビューに繰り返す必要がないすべての要素を移動する必要があります。