javascript - 简单警报警报消息仅在屏幕上闪烁

Question

我正在尝试用更漂亮的东西替换标准系统警报，并认为我会尝试 Alertify。行为与预期不符，警告框仅在屏幕上出现一秒钟就消失了。

我不确定我做错了什么？

功能：

        function confirmation() {
            alertify.alert("here is a message")
        }

HTML：

<asp:Button ID="SubmitButton" runat="server" CausesValidation="True" CommandName="Insert" CssClass="formButton" Text="Submit" OnClientClick ="confirmation();"/>

任何帮助将不胜感激。

Answer 1

确保您正在加载所有必需的文件，如AlertifyJS 入门部分和alert()文档中的进一步说明所示。
这是一个工作示例：

// on page load
alertify.alert('On page load');

// inside function
function showPrettyAlert() {
  alertify.alert('From function');
}

<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- alertify -->
<script src="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/alertify.min.js"></script>

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/alertify.min.css"/>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/themes/default.min.css"/>

<button onclick="showPrettyAlert();">Show pretty alert</button>

AlertifyJS很棒，我在很多项目中都使用过它。确保你也检查了confirm()、prompt()和notify()方法。