jquery - 如何将 bootstrap-colorpicker 附加到我的 laravel/blade 页面?
问题描述
我在我的 laravel 5.7 / Bootstrap v4.1 中安装了 https://github.com/farbelous/bootstrap-colorpicker插件。/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
但这种方式行不通,似乎无效。哪种方式有效?
谢谢!
解决方案
您可以使用堆栈。
从文档:
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
推荐阅读
- sql-server - PowerShell 命令 Start-Process 未在远程执行
- mysql - 即使值为零,条形也会显示 - Google Charts
- gradle - 使用实现是否允许跳过排除消费者项目中的依赖项?
- python - Python中的多重继承问题
- snowflake-cloud-data-platform - 在 Account_usage 架构中的 storage_usage 视图显示所有仓库/项目的数据?
- python-3.x - Influxdb 表示未授权执行语句
- c++ - 是否可以重用 PoCo HTTPRequestHandler?
- react-native - 无法使用 PushNotificationIOS(react-native-ios)在任何应用程序状态下接收通知
- utf-8 - 在 Dropwizard 中处理来自码头的 Servet 异常
- github - 当我在我的分支上工作时,我的推送没有显示在 GitHub 上