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


  • 我在哪里添加这个文件?
  • 我应该如何链接它?或任何其他方法添加上述代码?
  • 最佳答案

    在包含 jQuery 库之后,您必须将其附加到 <script></script> 标签和 中。

    如果将它们(您的脚本和 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 脚本。

    然后,在需要您的脚本并扩展您的主模板的 View 中添加它:
    @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
    

    这样您的脚本只包含在实际需要它的 View 中。您可以为您需要的任何脚本执行此操作。需要 @parent 部分来防止 postJquery 部分被已经使用相同部分的 View 转换的部分 View 覆盖。

    关于php - 如何在 Laravel 5 中使用我自己的 Jquery,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33757236/

    10-11 04:19
    查看更多