Javascript Laravel-@push指令中的脚本在父@stack指令中不可用
你好:)这是我在这里的第一篇帖子,如果我的问题不是很清楚,那么很抱歉;我试图包括澄清问题所需的一切:) 我有一个关于Javascript Laravel-@push指令中的脚本在父@stack指令中不可用,javascript,html,laravel,datatables,laravel-blade,Javascript,Html,Laravel,Datatables,Laravel Blade,你好:)这是我在这里的第一篇帖子,如果我的问题不是很清楚,那么很抱歉;我试图包括澄清问题所需的一切:) 我有一个关于@push和@stack指令的问题 我的项目有一个名为admin.blade.php的父视图/布局和各种子视图,包括一个名为datatable.blade.php的子视图。第二个文件用于显示包含所有用户的datatable,此datatable需要一些JS脚本,该脚本对于此特定文件(datatable.blade.php)是唯一的,并且不必包含在其他子刀片视图文件中 在我的dat
@push
和@stack
指令的问题
我的项目有一个名为admin.blade.php
的父视图/布局和各种子视图,包括一个名为datatable.blade.php
的子视图。第二个文件用于显示包含所有用户的datatable,此datatable需要一些JS脚本,该脚本对于此特定文件(datatable.blade.php
)是唯一的,并且不必包含在其他子刀片视图文件中
- 在我的
(子视图)中,我有以下内容:datatable.blade.php
- 但是,在访问仪表板时,我的布局admin.blade.php(父级)中没有包含我的自定义脚本代码,导致缺少datatable所需的JS代码,从而导致datatable显示不正确
- 从我的浏览器刷新页面后,此自定义脚本JS代码脚本将按预期加载,并且布局admin.blade.php(父级)中包含的代码也已从浏览器控制台确认
自定义脚本的原始布局/父级,从而导致@stack
指令无法获取所需的JS脚本
@push
指令中的JS代码是如何加载的
任何示意都将不胜感激-谢谢 欢迎来到苏
datatable.blade.php
它需要扩展admin.blade.php
然后它就会工作了(hi@KamleshPaul:)感谢您的回复!Laravel的文档(Blade Templates-)指出,在使用@extends(“”)
指令时,只需包含layouts文件夹.layout name
,而不包含.Blade.php
扩展名。事实上,它们提供的示例使用了@@extends('layouts.app')
。但是,我仍然尝试了您的建议,但它返回了一个500错误视图[admin.blade.php],未找到。谢谢
@section('page-content')
... Here I have my page contect (the table which shows all the users registered, and other information) ...
@endsection
{{-- @push directive in the child view, pushing content to the parent/master @stack directive --}}
@push('custom-scripts')
<script>
... My custom JS script here (required by the datatable in the ```page-content``` section above ...
</script>
@endpush
...
<!-- theme -->
<script src="../../../assets/js/theme.js"></script>
<script src="../../../assets/js/utils.js"></script>
<script src="../../../libs/parsleyjs/dist/parsley.min.js"></script>
{{-- Datatables - Always here as these are common for all datatables, then just add JS script in page-content section --}}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.22/datatables.min.js"></script>
@stack('custom-scripts')
<!-- endbuild -->
</body>
</html>