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

前端之家收集整理的这篇文章主要介绍了php – 如何在Laravel 5中使用我自己的Jquery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是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部分.

猜你在找的Laravel相关文章