如何在 yii2 中使用 jquery

Question

我是 Yii 框架（2.0 版）的新手，我想在我的页面中添加一些 jQuery 代码：

$(document).ready(function(){
    $('div').click(function(){
        $(this).hide()
    });
});  

这段代码点击会隐藏div，可以在视图中声明<script>吗？

我如何在 jQuery 中编写这段代码？

Answer 1

首先建议您将($this) 更改为$(this) 并尝试这样的操作。

$script = <<< JS
$(document).ready(function(){
    $('div').click(function(){
        $(this).hide()
    });
}); 
JS;
$this->registerJs($script, View::POS_END);

您也可以使用View::POS_HEAD、View::POS_BEGIN 和View::POS_READY 代替View::POS_END。

• Reference

Answer 2

试试这个，希望对你有帮助

<?php

$this->registerJs(' 
    $(document).ready(function(){
         $(\'.classname\').hide();
});', \yii\web\View::POS_READY);

?>

Answer 3

在 Yii2 中，jQuery 和其他脚本文件默认位于页面末尾 html 结束标记之前。这有利于更快的页面加载。

因此，如果您在页面中间编写 jQuery 代码，将会出现$ not defined 错误。要解决这个问题，您应该在 window.onload 事件中编写 jQuery 代码：

window.onload=function(){
                        //your jQuery code here
                    };