下載庫和源代碼后在本地使用Alertify.js

Question

嗨，我正在嘗試將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>

更新

下面是控制台上顯示的錯誤。

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堆棧的Windows。 因此，在這種情況下，您需要將腳本與其余文件（例如，web或public_hml）放在同一位置。 另外，您應該在控制台中查找錯誤。 如果無法訪問腳本，則應該在控制台中看到404。

編輯：您應該從一開始就加載樣式，然后通過javascript將所需的類添加到您的元素中。

Answer 2

試試這個代替改變這個

alertify.set({

為了這

alertify.confirm().set({

它發生在我身上，取決於Alertify版本

下載庫和源代碼后在本地使用Alertify.js

問題描述

2 個解決方案

解決方案1
1 2018-05-22 11:32:07

解決方案2
1 已采納 2018-07-27 21:00:41

下載庫和源代碼后在本地使用Alertify.js

問題描述

2 個解決方案

解決方案1 1 2018-05-22 11:32:07

解決方案2 1 已采納 2018-07-27 21:00:41

解決方案1
1 2018-05-22 11:32:07

解決方案2
1 已采納 2018-07-27 21:00:41