Использование Alertify.js локально после загрузки библиотеки и источника

Yani спросил: 28 апреля 2018 в 09:46 в: javascript

Привет. Я пытаюсь включить alertify.js на мою веб-страницу в качестве всплывающего окна оповещения, но я не уверен, почему он не отображается. Я загрузил библиотеку и источник для оповещения, хотя я не уверен, правильно ли я использую ее. Любое предложение было бы большой помощью. Спасибо заранее!

   <head>
<meta charset="utf-8"><link rel="stylesheet" 
href="C:/Users/Documents/alertifyjs/css/alertify.min.css" />
<link rel="stylesheet" href="C:/Users/Documents/alertifyjs/css/alertify.css" 
id="toggleCSS" />
<meta name="viewport" content="width=device-width">
<style>
    .alertify-log-custom {
        background: blue;
    }
</style>
</head>
<body><h2>Dialogs</h2>
<a href="#" id="alert">Alert Dialog</a><br>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="C:/Users/Documents/AlertifyJS-master/AlertifyJS- 
master/build/alertify.min.js"></script><script>
    function reset () {
        $("#toggleCSS").attr("href", "alertify.default.css");
        alertify.set({
            labels : {
                ok     : "OK",
                cancel : "Cancel"
            },
            delay : 5000,
            buttonReverse : false,
            buttonFocus   : "ok"
        });
    }    $("#alert").on( 'click', function () {
        reset();
        alertify.alert("This is an alert dialog");
        return false;
    });
   </script>   </body>
   </html>

UPDATE

Ниже приведена ошибка, отображаемая на консоли.

Uncaught TypeError: Cannot read property 'dialog' of undefined
at b (alertify.min.js:2)
at Object.setting (alertify.min.js:2)
at Object.set (alertify.min.js:2)
at reset (alertify.html:44)
at HTMLAnchorElement.<anonymous> (alertify.html:56)
at HTMLAnchorElement.dispatch (jquery-1.9.1.js:3074)
at HTMLAnchorElement.elemData.handle (jquery-1.9.1.js:2750)
alertify.default.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

1 ответ

Leonida-Alexandru Diaconu ответил: 28 апреля 2018 в 10:07

по пути к вашему сценарию, я предполагаю, что вы используете окна с каким-то WAMP stack.so, если это так, вам нужно разместить свой скрипт в том же месте с остальными вашими файлами, например: web или public_hml . Также вы должны искать ошибки в консоли. если скрипт не может быть подключен, вы должны увидеть консоль 404.

Изменить: вы должны загрузить стиль с самого начала и добавить необходимый класс в свой элемент через javascript.

Bram Vanroy ответил: 28 апреля 2018 в 09:56
Это статический файл, поэтому WAMP или подобное не нужно.
Yani ответил: 28 апреля 2018 в 10:25
@Leonida Я постараюсь поставить скрипт в том же месте