如何使用刀片在 Laravel 的包含视图中使用 JS 函数？答案

【问题标题】：How to use JS functions in included views in Laravel with blade?如何使用刀片在 Laravel 的包含视图中使用 JS 函数？
【发布时间】：2018-09-20 01:20:52
【问题描述】：

我想在 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());
}

我在控制台中收到此错误：

【问题讨论】：

你确定js路径吗？也许你错过了前面的“资产”？看看你的控制台。它在哪里搜索functions.js？你应该得到一个 404。
您是否在任何地方呈现javascript 部分？
不，这是正确的，因为其余的 JS 代码正在 index.blade.php @TaniaPetsouka 中工作
你的 layouts.master 上有 @yield javascript 吗？
在 function.js 添加行 $("button.search-button").on("click", searchSubmit); 并从按钮中删除 onclick="searchSubmit()" 部分。

标签： javascript php laravel include blade

【解决方案1】：

通常，您会为 JavaScript 和 css 使用刀片的 @push 指令，以便您可以将其添加到 @stack('js') 中，例如。堆栈将就在您的结束正文标记之前。

@section 如果遇到另一个，则有被替换的风险。

另外作为旁注，您将以@stop..结束最后一部分。

【讨论】：