Question

您好我正在尝试将alertify.js包含在我的网页上作为提醒弹出窗口，但我不确定为什么它没有显示。虽然我不确定我是否正确使用它，但我已经下载了alertify的库和源代码。任何建议都会有很大的帮助。提前谢谢！

   <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>

更新

以下是控制台上显示的错误。

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

Answer 1

通过脚本的路径，我猜你使用带有某种WAMP堆栈的窗口。因此，如果是这种情况，您需要将脚本放在与其余文件相同的位置，例如：web或public_hml。您还应该在控制台中查找错误。如果无法接收脚本，您应该在控制台中看到404。

编辑：你应该从开头加载样式，并通过javascript将所需的类添加到你的元素。

Answer 2

请尝试改此

alertify.set({

为此

alertify.confirm().set({

这件事发生在我身上，这取决于Alertify版本

下载库和源后在本地使用Alertify.js

2 个答案: