无法使Alertify消息框出现在asp.net中

时间:2019-08-29 05:11:50

标签: c# asp.net alertifyjs

我无法获得AlertifyJS消息框来与我的asp.net项目一起使用。

我正在尝试创建一个相当简单的网站,并希望改善默认警报功能。

我已经浏览了许多其他论坛,但是很遗憾,我还没弄清我的问题。

这是我的.aspx代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="Test.WebForm4" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="Scripts/alertify.js" type="text/javascript"></script>
    <link href="Content/alertifyjs/alertify.css" rel="stylesheet" />
    <link href="Content/alertifyjs/themes/default.css" rel="stylesheet" />
<script type="text/javascript">
function Confirm() {
    alert("here");
            var confirm_value = document.createElement("INPUT");
            confirm_value.type = "hidden";
            confirm_value.name = "confirm_value";
    alert("here2");
    alertify.confirm('Do it', function (e) {

                if (e) {
                    $('#PrchBtnHiddenYes').click();
                    confirm_value.value = "Yes";

                } else {
                    $('#PrchBtnHiddenNo').click();
                    confirm_value.value = "No";                    
                }
    }).set('labels', { ok: 'Yes', cancel: 'No' });

    //alertify.confirm('Title', 'Message', function () { $('#PrchBtnHiddenYes').click(); confirm_value = "Yes"; }, function () { $('#PrchBtnHiddenNo').click(); confirm_value = "No"; }).set('labels', { ok: 'Yes', cancel: 'No' });
    alert("here3");
}   
</script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="PrchBtn" runat="server" class="PrchBtn" Text="Click Here" OnClientClick="Confirm(); return false;" />
        <asp:Button runat="server" ID="PrchBtnHiddenYes" ClientIDMode="Static" Style="display: none;" />
        <asp:Button runat="server" ID="PrchBtnHiddenNo" ClientIDMode="Static" Style="display: none;" />

    </form>
</body>
</html>

这是我的CS:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Test
{
    public partial class WebForm4 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            PrchBtnHiddenNo.Click += PrchBtnHiddenNo_Click;
            PrchBtnHiddenYes.Click += PrchBtnHiddenYes_Click;
        }

        void PrchBtnHiddenYes_Click(object sender, EventArgs e)
        {
            string Success = "Success";
        }

        void PrchBtnHiddenNo_Click(object sender, EventArgs e)
        {
            string Failure = "Failure";
        }
    }
}

我没有收到任何错误消息。为了进行测试,我在javascript代码中添加了3条警报。我得到了第一个和第二个警报,但是alertify脚本不会触发,因此第三个警报也不会触发。

谢谢。

1 个答案:

答案 0 :(得分:0)

似乎您的本地警报不起作用。试试这个吧。

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


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

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

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