如何在 Laravel 5 中使用我自己的 Jquery

Posted 2023-02-24

【中文标题】如何在 Laravel 5 中使用我自己的 Jquery

【英文标题】：How to use my own Jquery in Laravel 5

【发布时间】：2016-02-18 20:11:51

【问题描述】：

我是 Laravel 的新手，我必须在我的代码中添加 Jquery 如何添加？

 $(document).ready(function()
    $('#selectAll').on('click',function()
        if ($(this).is(':checked')) 
            $('.chkbox').each(function()
                this.checked = true;
            );
        else
            $('.chkbox').each(function()
                this.checked = false;
            );
        
    )
);

如果我正在创建一个名为 myjquery.js 的文件

我在哪里添加这个文件？ 我应该如何链接这个？或任何其他方法添加上述代码？

【问题讨论】：

“我应该在哪里添加这个”是什么意思？在您看来，在

两个都可以用没问题

【参考方案1】：

您必须将它附加在<script></script> 标记中，并且在包含 jquery 库之后。

如果您将它们（您的脚本和 jquery 库）都包含在页面末尾，就在结束 </body> 标记之前，由于可用性原因，会更好。

我的建议：

在你的主模板底部添加这个：

.
.
.
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script>
        jQuery(document).ready(function() 
            @yield('postJquery');
        );
    </script>
    </body></html>

这样您就可以确保在最后加载 jQuery 库和后续的 javascript 脚本。

然后，将其添加到需要您的脚本并扩展您的主模板的视图中：

@section('postJquery')
    @parent
    $('#selectAll').on('click',function()
        if ($(this).is(':checked')) 
            $('.chkbox').each(function()
                this.checked = true;
            );
        else
            $('.chkbox').each(function()
                this.checked = false;
            );
        
    );
@endsection

这样您的脚本只包含在实际需要它的视图中。您可以为您需要的任何脚本执行此操作。需要 @parent 部分来防止 postJquery 部分被您的视图投射的部分视图覆盖。

【参考方案2】：

您可以将此文件加载到您的公共文件夹中，例如 public/js/myjquery.js

可以像blade这样的文件加载，

<script src=" asset('js/myjquery.js') "></script>