嗨,我试着在我的网页上加入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发布于 2018-07-27 21:00:41
尝试这个,而不是改变这个
alertify.set({为此
alertify.confirm().set({它发生在我身上,这取决于警报版本。
发布于 2018-05-22 11:32:07
通过脚本的路径,我猜您使用了带有某种WAMP堆栈的窗口。因此,如果是这样的话,您需要将脚本与其他文件(例如: web或public_hml )放在同一个位置。此外,您应该在控制台中查找错误。如果无法访问脚本,则应该在控制台中看到404。
编辑:您应该从开始加载样式,并通过javascript将所需的类添加到元素中。
https://stackoverflow.com/questions/50466503
复制相似问题