如何在laravel刀片模板中包含自定义脚本？

Question

我有一个简单的部分，我想在其中使用 jquery，这是我目前所拥有的

@extends('layouts.app', ['activePage' => 'user-management', 'titlePage' => __('User Management')])

@section('content')

  <div class="content">

    <div class="container-fluid">

      <div class="row">

        <div class="col-md-12">

            <h1> TESTING inline JS </h1>

        </div>

      </div>

    </div>

  </div>

@endsection

@section('script')

<script type="text/javascript">

      alert('Imagination');

</script>

@endsection

当我运行我的应用程序时，没有警报只是文本 Testing inline js

我的代码有什么问题？

Answer 1

所以我假设layouts/app.blade.php你正在制作脚本部分？@yield('script')然后，您需要在页面加载后显示警报。因此，如果您像您说的那样使用 jQuery，请添加以下代码：$(function() { // after the page has loaded..&nbsp; &nbsp; alert('Imagination');});

Answer 2

您在 layouts.app 上缺少 @yield('script')。但是，更好的做法是使用@push('script') & @endpush 然后在模板中使用@stack('script')，而不是使用节。与使用部分相比的优势在于，如果您有多个模板正在渲染，则每个模板的脚本将“堆叠”在您在主模板中使用堆栈的位置。您可以在此处查看文档：https : //laravel.com/docs/5.8/blade#stacks