【发布时间】:2020-01-19 22:21:48
【问题描述】:
嗨,我是 Laravel 的初学者,我想在我的 Laravel 网站中使用 sweetalert2,但它没有显示在视图中
我使用 Github 的分支 dist
所以在我的**master_layout.blade.php** 这是我的代码:
<!DOCTYPE html>
<html>
<head>
<meta charest="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@yield('title')</title>
<link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet">
<link href="css/all.min.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<link href="css/jquery-ui.theme.min.css" rel="stylesheet" type="text/css">
**<link href="css/sweetalert2.min.css" rel="stylesheet" type="text/css">**
<link href="css/main_style.css" rel="stylesheet" type="text/css">
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="img/favorite-icon.png" />
</head>
<body>
@include('include/Navbar')
<main>
@include('include/Sidebar')
@include('include/HamburgerSidebar')
<div class="container">
@yield('Content')
</div>
</main>
<script src="Js/jquery-3.4.1.min.js"></script>
<script src="Js/popper.min.js"></script>
<script src="Js/bootstrap.min.js"></script>
<script src="Js/jquery-ui.min.js"></script>
**<script src="Js/sweetalert2.all.min.js"></script>**
<script src="Js/main-JQ.js"></script>
</body>
</html>
在我的控制器商店中:
public function store(Request $request)
{
$request_order=$request->section_order;
if(empty($request_order)){
$order_last = Section::latest('section_order')->get();
if(empty($order_last)){
$request_order=1;
}else{
$request_order=$order_last[0]['section_order']+1;
}
}
$request->validate([
'section_name' => ['required','min:3'],
'section_pic' =>['image']
]);
$image = $request->file('section_pic');
if ( $image === null) {
$image_name = 'default_img.jpg';
}else{
$image_name = rand(1, 20) . time() . $image->getClientOriginalName();
$image->move(public_path('img'),$image_name);
}
$input_data = array(
'section_order' => $request_order,
'section_name' => $request->section_name,
'section_pic' => $image_name
);
Section::create($input_data);
return redirect('/Sections')->withSuccess('Success message');
}
在我看来:
@if(Session::has('success'))
<script type="text/javascript">
Swal.fire(
'Good job!',
'Successfully Saved!',
'success'
);
</script>
@endif
store 功能运行良好,但在我看来没有显示 sweetalert
我把所有的 CSS 和 js 文件和图像文件夹都放在 public 文件夹中是否正确?
【问题讨论】:
-
有很多关于如何在 Laravel 中使用 SweetAlert 的教程:medium.com/@hossain.naime/… 有一个,也许它可以帮助你。
-
@ N. Djokic .... 是的,但我在代码中做错了什么
-
您提交表单时
console是否有错误? -
尝试在
window.onload事件中添加您的Swal对象,以确保您的页面已加载 -
@ Joseph .....是的...这是错误(未捕获的 ReferenceError:Swal 未在 Sections:1224 定义)
标签: laravel sweetalert2