如何在帶有刀片的Laravel中的包含視圖中使用JS函數？

Question

我想在Laravel刀片視圖的包含文件（ properties.blade.php ）中使用一些javascript函數。

查看（ index.blade.php ）

@extends('layouts.master') 

@section('filters')
    @include('partials.filters.properties')
@endsection

@section('content')
<!-- properties start -->
<div class="container">
...
</div>
<!-- properties end -->
@endsection

@section('javascript')
<!-- This is the JS file, I want to include in header as well (functions.js) -->
<script type="text/javascript" src="{{ url('/js/functions.js') }}"></script>
@stop

過濾器（ properties.blade.php ）

<form method="GET" action="{{ route('properties.search') }}">
    <div class="row">
        <div class="col-lg-9 col-md-9 ui-widget component"  id="f_loc">
            <div class="form-group">
                <input id="input-tags" type="search" name="q" class="form-control input-text input-lg" placeholder="City, Community or Tower">
            </div>
        </div>

        <div class="col-lg-3 col-md-3">
            <div class="form-group">
                <button class="search-button" onclick="searchSubmit()">Search &nbsp; <i class="fa fa-search"></i></button>
            </div>
        </div>
    </div>
</form>

JS（ functions.js ）

function searchSubmit() {
    localStorage.setItem("search", $('#input-tags').val());
}

我在控制台中收到此錯誤：

Answer 1

通常，您將對JavaScript和CSS使用Blade的@push指令，因此可以將其添加到@stack('js') 。 堆棧將剛好在您的結束標記之前。

如果@section碰到另一個，則有被替換的風險。

另外請注意，您將在最后一部分以@stop ..結束。