Question

我已安装 https://github.com/farbelous/bootstrap-colorpicker 我的laravel 5.7 / Bootstrap v4.1的插件。 / Jquery 3 / Blade应用程序问题是将文件附加到页面的正确方法是什么？我仅在某些页面上需要此插件，因此在此页面中，我做了：

    ...
@endsection

@section('scripts')
    ...
    <script src="{{ asset('js/'.$frontend_template_name.'/print_to_pdf_options.js') }}{{  "?dt=".time()  }}"></script>
    <link href="../../node_modules/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.css" rel="stylesheet">
    <script src="../../node_modules/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js"></script>
    ...
    <script>

@endsection

但是这种方法无效，似乎无效。哪种方法有效？

谢谢！

Answer 1

您可以使用Stacks。

从文档中

Blade允许您推送到可以渲染的命名堆栈其他视图或布局中的其他地方。特别是用于指定孩子所需的任何JavaScript库观看次数：

@push('scripts')
    <script src="/example.js"></script>
@endpush

在您的布局中：

<head>
    <!-- Head Contents -->

    @stack('styles')
</head>
<body>

    @stack('scripts')
</body>

查看您需要插件的位置：

@push('styles')
    <link href="../../node_modules/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.css" rel="stylesheet">
@endpush

@push('scripts')
    <script src="{{ asset('js/'.$frontend_template_name.'/print_to_pdf_options.js') }}{{  "?dt=".time()  }}"></script>
    <script src="../../node_modules/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js"></script>
@endpush

如何将bootstrap-colorpicker附加到我的laravel / blade页面？

1 个答案: