Question

首先，按钮不会启动jquery对话框当页面加载时，我检查控制台是否有错误，我得到“Uncaught TypeError：undefined is is a function”，它指向$（“＃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");
});

});

Answer 1

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

http://jqueryui.com/dialog/

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

Answer 2

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

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

为什么我的ASP.NET按钮控件没有触发JQuery Dialog

2 个答案: