How to include custom script in laravel blade template?

Question

I have a simple section in which I would like to use jquery, Here is what I have so far

@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

When I run my app there is no alert just text Testing inline js

What is wrong with my code?

nakov · Accepted Answer · 2019-10-12 20:45:34Z

5

So I assume that in your layouts/app.blade.php you are yielding the script section?

@yield('script')

Then you need to show the alert once the page loads.

So if you use jQuery as you say, add this code:

$(function() { // after the page has loaded..
    alert('Imagination');
});

answered Oct 12, 2019 at 20:45

nakov

14.4k14 gold badges74 silver badges129 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cfkane · Accepted Answer · 2019-10-13 03:41:19Z

0

The anwser above is correct, that you are missing the @yield('script') on your layouts.app. However, a better practice would be, instead of using a section, is to use @push('script') & @endpush then in your template to use @stack('script').

The advantage over using sections is that if you have multiple templates being rendered, the scrips for each of them will 'stack' where you use the stack in your main template.

You can see the docs on it here: https://laravel.com/docs/5.8/blade#stacks

answered Oct 13, 2019 at 3:41

cfkane

7531 gold badge7 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to include custom script in laravel blade template?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related