首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >下载库和源后在本地使用Alertify.js

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

Stack Overflow用户
提问于 2018-05-22 11:26:26
回答 2查看 1K关注 0票数 0

嗨,我试着在我的网页上加入alertify.js作为一个提醒弹出,但是我不知道为什么它没有被显示。我已经下载了用于警报的库和源代码,但我不确定是否正确地使用了它。任何建议都会有很大帮助。提前感谢!

代码语言:javascript
复制
   <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>

更新

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

代码语言:javascript
复制
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
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-07-27 21:00:41

尝试这个,而不是改变这个

代码语言:javascript
复制
alertify.set({

为此

代码语言:javascript
复制
alertify.confirm().set({

它发生在我身上,这取决于警报版本。

票数 1
EN

Stack Overflow用户

发布于 2018-05-22 11:32:07

通过脚本的路径,我猜您使用了带有某种WAMP堆栈的窗口。因此,如果是这样的话,您需要将脚本与其他文件(例如: web或public_hml )放在同一个位置。此外,您应该在控制台中查找错误。如果无法访问脚本,则应该在控制台中看到404。

编辑:您应该从开始加载样式,并通过javascript将所需的类添加到元素中。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50466503

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档