Toastr не определен, ошибка JavaScript

В моем проекте PHP я пытаюсь реализовать уведомления Toastr.
Когда я просто использую настройку Toastr с жестко запрограммированными ресурсами CDN, он работает нормально.
Но теперь я использую беседку и т. Д., Чтобы включить тостер в мои связки.
Я использую последнюю версию Toastr, которая имеет исправление для использования с Jquery 3+

На данный момент все необходимые ресурсы включены в мои bundle.js и bundle.css
В моей голове:

<link defer="defer" src="http://localhost:8080/GiveaDay/design/css/gad.bundle.css"></script>
<script defer="defer" src="http://localhost:8080/GiveaDay/design/js/gad.bundle.js"></script>

Часть моего bundle.js, где включен тост:
(не вставляя весь код тоста)

    /*
* Toastr
* Copyright 2012-2015
* Authors: John Papa, Hans Fjällemark, and Tim Ferrell.
* All Rights Reserved.
* Use, reproduction, distribution, and modification of this code is subject to the terms and
* conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
*
* ARIA Support: Greta Krafsig
*
* Project: https://github.com/CodeSeven/toastr
*/
/* global define */
(function (define) {
define(['jquery'], function ($) {
return (function () {
var $container;
var listener;
var toastId = 0;
var toastType = {
error: 'error',
info: 'info',
success: 'success',
warning: 'warning'
};

var toastr = {
clear: clear,
remove: remove,
error: error,
getContainer: getContainer,
info: info,
options: {},
subscribe: subscribe,
success: success,
version: '2.1.3',
warning: warning
};

var previousToast;

return toastr;

Но теперь я получаю сообщение об ошибке «toastr is notfined» в следующем коде:

    <script>
window.addEventListener('DOMContentLoaded', function() {
(function($) {
$(document).ready(function() {
toastr.options = {
"closeButton": false,
"debug": false,
"newestOnTop": false,
"progressBar": true,
"positionClass": "toast-top-center",
"preventDuplicates": false,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"}
});
})(jQuery);
});



<?php if($feedback['type'] == "alert-success"){ ?>
toastr.success("<?php echo $feedback['text']; ?>");
<?php }else if($feedback['type'] == "alert-danger"){  ?>
toastr.error("<?php echo $feedback['text']; ?>");
<?php } ?>
</script>

Что мне здесь не хватает?

заранее спасибо

3

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]