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

【问题标题】：How to use my own Jquery in Laravel 5如何在 Laravel 5 中使用我自己的 Jquery
【发布时间】：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 的文件

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

【问题讨论】：

“我应该在哪里添加这个”是什么意思？在您看来，在
两个都可以用没问题

标签： php jquery laravel-5 laravel-5.1

【解决方案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>

【讨论】：