Sweetalert вообще не показывается
- Привет! В настоящее время я размещаю веб-сайт с 000webhost.com, и я хочу показать sweetalert. Я импортировал только три файла... sweetalert-dev.js, sweetalert. css, sweetalert.min.js. Обратите внимание, что эти три файла находятся в одной папке с моим index.php, и я использую этот код:
<head>
<script src="script.js"></script>
<title>SaleReader</title>
<meta charset="utf-8" />
<script src="sweet-alert.min.js"></script>
<link rel="stylesheet" href="sweet-alert.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="script.js"></script>
<link rel="stylesheet" type="text/css" href="sweetalert.css">
<script>swal({
title: "Error!",
text: "Here's my error message!",
type: "error",
confirmButtonText: "Cool"
});</script>
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
Я не понимаю, почему это не работает. Сначала я использовал внешний скрипт для использования swal, но в целях тестирования я использую его в том же самом index.php чтобы разобрать свал. Обратите внимание, что заголовок находится в верхней части страницы, если это имеет значение.
Что я уже пробовал:
Я попытался изменить порядок скрипта / css, изменив то, что они говорят, например, src="sweet-alert.min.js" и т. д. очень долгий процесс! Пожалуйста, помогите!
ZurdoDev
Откройте инструменты разработки вашего браузера и проверьте консоль на наличие сообщения об ошибке.
Richard Deeming
Почему у вас есть две ссылки на script.js?