为什么我的ASP.NET按钮控件没有启动JQuery对话框

why is my ASP.NET button control not firing JQuery Dialog

本文关键字：启动 JQuery 对话框 控件 我的 ASP NET 按钮 为什么      更新时间：2023-09-26

首先，按钮不会启动jquery对话框当页面加载时，我检查控制台是否有错误，并得到指向$（"#dialog"）.dialog（｛

下面是我的代码。

Default.aspx

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="JavaScript1.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:CustomValidator runat="server" ID="cv1" ControlToValidate="fupCV"     ClientValidationFunction="validate"></asp:CustomValidator>
<asp:FileUpload runat="server" ID="fupCV"/>
<asp:Button runat="server" ID="btnUpload" OnClick="btnUpload_OnClick" Text="Upload"/>
<asp:Button runat="server" ID="btnDialog" OnClientClick="return false;" Text="Open Dialog"/>
</div>
</form>
<div id="dialog" style="display: none">
    This is a popup
</div>
</body>
</html>

JavaScript1.js

$(document).ready(function() {
$('#btnUpload').attr('disable', 'disable');
$("#dialog").dialog({
    autoOpen: false,
    height: 'auto',
    width: 350,
    modal: true,
    resizable: false,
    buttons: {
        Accept: function () {
            $(this).dialog("close");
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    },
    close: function () {
        $(this).dialog("close");
    }
});
$("#btnDialog").click(function () {
    $("#dialog").dialog("open");
});
});

.dialog()是jQuery UI的一部分，而不是jQuery

http://jqueryui.com/dialog/

我看不到jQuery UI包含在您的源代码中。

您也可以使用类似于以下的id结尾：

$('input:submit[id$=btnDialog]')).click(function () {});
相关文章：