我尝试使用 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>
Controller :
$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) 确保拼写,functions等都是正确的
关于jquery - Toastr 没有出现在 Laravel 5.4 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51809850/