为什么我的 ASP.NET 按钮控件没有触发 JQuery 对话框答案

【问题标题】：why is my ASP.NET button control not firing JQuery Dialog为什么我的 ASP.NET 按钮控件没有触发 JQuery 对话框
【发布时间】：2023-04-05 19:48:02
【问题描述】：

首先，按钮不会启动 jquery 对话框，并且当页面加载时，我检查控制台是否有错误，我得到“Uncaught TypeError: undefined is not a function”，它指向 $("#dialog").dialog({

下面是我的代码。

默认.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");
});

});

【问题讨论】：

标签： javascript c# jquery asp.net jquery-ui

【解决方案1】：

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

http://jqueryui.com/dialog/

我在您的源代码中的任何地方都没有看到 jQuery UI。

【讨论】：

感谢 Eric，简洁明了！我没有注意到。

【解决方案2】：

您也可以使用 id 结尾的内容，例如：

$('input:submit[id$=btnDialog]')).click(function () {});

【讨论】：