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

发布时间：2020-12-14 19:35:50 所属栏目：大数据来源：网络整理

导读：我是Laravel的新手,我必须在我的代码中添加一个 Jquery如何添加它？ $(document).ready(function(){ $('#selectAll').on('click',function(){ if ($(this).is(':checked')) { $('.chkbox').each(function(){ this.checked = true; }); }else{ $('.chkbox').e

我是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;
            });
        }
    })
});

If I am creating a file named myjquery.js

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

解决方法

您必须将其附加到< 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部分.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!