Question

我是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
的文件

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

Answer 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部分。

Answer 2

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

可以在blade文件中加载，如

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

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

2 个答案: