jquery - Toastr 没有出现在 laravel 5.4 中
问题描述
我尝试使用 Toast 通知,我想我已经包含了所有内容。可以在操作后生成的页面源上看到它,但它没有在页面上显示通知。
其中包括:
<link href="{{ asset('css/toastr.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/toastr.min.js') }}"></script>
来电:
<script>
@if(Session::has('success'))
toastr.success("{{ Session::get('success') }}")
@endif
</script>
控制器:
$this->validate($request, [
'name' => 'required'
]);
$category = new Category; // create instance
$category->name = $request->name; // take name from form request
$category->save(); // save it to database
Session::flash('success', 'Category Has Been Created :D');
return redirect()->route('categories');
下图显示代码已成功通过:
解决方案
我最近遇到了这个问题。为了解决这个问题,我确保以下内容:
(在你的情况下可能是第 4 点)
1)链接toastr.css
并toastr.js
在您的布局文件中
<link href="{{ asset('css/toastr.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/toastr.min.js') }}"></script>
2) 不要defer
在标记中使用属性
<script src="{{ asset('js/toastr.min.js') }}" defer></script>
它应该是:
<script src="{{ asset('js/toastr.min.js') }}"></script>
3) 导入jQuery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
4) 在 toastr 之前加载 jQuery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="{{ asset('js/toastr.min.js') }}"></script>
5) 确保拼写、功能等正确无误
推荐阅读
- ios - 方程求解器/解析器
- java - 如何在 AsyncHttpClient 中停止重定向并获得响应
- html - CSS 单页布局
- java - 如何在与数据库连接的 JavaFx 中创建 CRUD 表单
- c# - 扩展 IdentityRoles 的 Create 函数
- jquery - jQuery iviewer 拖动功能不起作用
- javascript - 如何将文件中的多个 JavaScript 对象存储到变量中
- node.js - npm 中的身份验证令牌是什么?
- ios - Swift - AudioKit AKMidi 到 AKSequencer
- powershell - 安装模块 PowerShellGet 时发出警告