Javascript 如何在yii2中使用phpjquery？

我想使一个图像成为一个弹出窗口，当我点击它。这就像是一个更大的预览其默认大小，而不移动到另一个页面。我有一个可以在PHP上运行的jQuery，但由于它是yii2，所以我一直坚持使用它

以下是jQuery：

<script>        
     jQuery(window).load(function() {   
     $x = $(window).width();        
if($x > 1024)
{           
jQuery("#content .row").preloader();    }            
 jQuery('.magnifier').touchTouch();
     jQuery('.spinner').animate({'opacity':0},1000,'easeOutCubic',function (){jQuery(this).css('display','none')}); 
      }); 

</script>

jQuery（window）.load（函数（）{
$x=$（窗口）.width（）；
如果（$x>1024）
{           
jQuery（“#content.row”）.preload（）；}
jQuery（'.magnifier'）.touchTouch（）；
动画（{'opacity'：0}，1000，'easeOutCubic'，函数（）{jQuery（this）.css（'display'，'none'）}）；
}); 

我想在这个视图中实现jQuery：

    <?php

use yii\helpers\Html;
use yii\grid\GridView;
use yii\bootstrap\Modal;
use frontend\models\PengurusAktif;
use frontend\models\ProfilBem;

/* @var $this yii\web\View */
/* @var $searchModel frontend\models\AlbumBemSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = 'Album Bem';
?>

<div id='content' class="album-bem-index well">
    <?php
    $tahun = PengurusAktif::find()->one();
    $idprofil = ProfilBem::find()->where(['tahun' => $tahun->tahun_aktif])->one();
    ?>
    <?= Html::a('Visi Misi', ['/bem/visimisi', 'id' => $tahun->tahun_aktif], ['class' => 'btn btn-primary']) ?>
    <?= Html::a('Struktur Organisasi', ['profil-bem/profilebem', 'id' => $idprofil->id_profil_bem], ['class' => 'btn btn-primary']) ?>
    <?= Html::a('Pengumuman BEM', ['/pengumuman/pengumumanbem'], ['class' => 'btn btn-primary']) ?>
    <?= Html::a('Event Bem', ['/event/eventbem'], ['class' => 'btn btn-primary']) ?>
    <?php
    if (Yii::$app->user->can('sekretarisBem')) {
        echo Html::a('Forum BPH BEM', ['/forum/forumbem'], ['class' => 'btn btn-primary']);
    }
    ?>
    <?= Html::a('Poling BEM', ['/bem/pollingbem'], ['class' => 'btn btn-primary']) ?>
    <?= Html::a('Album BEM', ['/album-bem/index'], ['class' => 'btn btn-primary']) ?>
    <h2><?= Html::encode($this->title) ?></h2>
    <hr/>
    <?php // echo $this->render('_search', ['model' => $searchModel]);  ?>

    <p>
        <?php
        if (Yii::$app->user->can('sekretarisBem')) {
            echo Html::button('Create Album Bem', ['value' => yii\helpers\Url::to(['create']), 'class' => 'btn btn-success', 'id' => 'modalButton']);
            Modal::begin([
                'id' => 'modal',
                'size' => 'modal-lg',
            ]);
            echo "<div id='modalContent'></div>";
            Modal::end();
        }
        ?>
    </p>    



    <?php
    foreach ($dataProvider as $dataAlbum) {
        echo $dataAlbum->judul . "<br>";
        echo $dataAlbum->kegiatan . "<br>";
        ?> 
        <div class="row">

            <?php

            if ($dataAlbum->foto1 != NULL) {
                ?> 
                <div class="col-lg-3 col-md-4 col-xs-6"> 
                    <a  class="thumbnail magnifier" href="<?= Yii::$app->request->baseUrl ?>/Upload/imagesBemAlbum/foto/<?= $dataAlbum->foto1; ?>">
                        <img src="<?= Yii::$app->request->baseUrl ?>/Upload/imagesBemAlbum/foto/<?= $dataAlbum->foto1; ?>" width="150px" height="200px">
                    </a>
                </div>
                <?php
            }
            if ($dataAlbum->foto2 != NULL) {
                ?>
                <div class="col-lg-3 col-md-4 col-xs-6"> 
                    <a class="thumbnail" href="#">
                        <img src="<?= Yii::$app->request->baseUrl ?>/Upload/imagesBemAlbum/foto/<?= $dataAlbum->foto2; ?>" width="150px" height="200px">
                    </a>
                </div>       
                <?php
            }
            if ($dataAlbum->foto3 != NULL) {
                ?>
                <div class="col-lg-3 col-md-4 col-xs-6"> 
                    <a class="thumbnail" href="#">
                        <img src="<?= Yii::$app->request->baseUrl ?>/Upload/imagesBemAlbum/foto/<?= $dataAlbum->foto3; ?>" width="150px" height="200px">
                    </a>
                </div>
                <?php
            }
            if ($dataAlbum->foto4 != NULL) {
                ?> 
                <div class="col-lg-3 col-md-4 col-xs-6"> 
                    <a class="thumbnail" href="#">
                        <img src="<?= Yii::$app->request->baseUrl ?>/Upload/imagesBemAlbum/foto/<?= $dataAlbum->foto4; ?>" width="150px" height="200px">
                    </a>
                </div>
                <?php
            }
            if ($dataAlbum->foto5 != NULL) {
                ?>    
                <div class="col-lg-3 col-md-4 col-xs-6"> 
                    <a class="thumbnail" href="#">    
                        <img src="<?= Yii::$app->request->baseUrl ?>/Upload/imagesBemAlbum/foto/<?= $dataAlbum->foto5; ?>" width="150px" height="200px">
                    </a>
                </div>
                <?php
            }
            ?>
            <br><br>     
        </div>
        <?php
        if (Yii::$app->user->can('sekretarisBem')) {
            echo Html::a('Update', ['update', 'id' => $dataAlbum->id_album_bem], ['class' => 'btn btn-primary']);
            echo Html::a('Delete', ['delete', 'id' => $dataAlbum->id_album_bem], [
                'class' => 'btn btn-danger',
                'data' => [
                    'confirm' => 'Are you sure you want to delete this item?',
                    'method' => 'post',
                ],
            ]);
        }
        ?>
        <?php
    }
    ?>
<!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
</div>

若要插入jquery代码以查看文件，请使用registeJS方法
使用AssetBundle注册脚本文件也是一种很好的做法。
删除

from view and use\yii\web\jqueryaset:：register（$this）；
\yii\bootstrap\bootstrapluginasset:：register（$this）；在视图顶部
如果要插入jquery代码以查看文件，请使用registeJS方法
使用AssetBundle注册脚本文件也是一种很好的做法。
删除

from view and use\yii\web\jqueryaset:：register（$this）；
\yii\bootstrap\bootstrapluginasset:：register（$this）；在视图顶部
请详细说明您的答案并解释您的建议。@Evgenii我已经在视图顶部添加了此代码$script=$x将被PHP$x中的变量替换。可能您没有，所以请退出\$x请详细说明您的答案并解释您的建议。@Evgenii我已经在视图顶部添加了此代码$script=$x将被PHP$x中的变量替换。可能您没有，所以请退出\$x请详细说明您的答案并解释您的建议。@Evgenii我已经在视图顶部添加了此代码$script=$x将被PHP$x中的变量替换。也许你没有，所以只要逃避它\$x