如何在 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..
    alert('Imagination');
});

Answer 2

上面的答案是正确的，您在 layouts.app 上缺少 @yield('script') 。 但是，更好的做法是使用 @push('script') 和 @endpush 然后在模板中使用 @stack('script')，而不是使用部分。

使用部分的优势在于，如果您要呈现多个模板，则每个模板的脚本将“堆叠”在您在主模板中使用堆栈的位置。

您可以在此处查看文档： https://laravel.com/docs/5.8/blade#stacks