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

首先，按钮并没有启动jquery对话框和当页面加载时，我检查控制台是否有错误，并得到“Uncaught TypeError：undefined is not功能”，它指向$（ “＃对话”）。对话框（{为什么我的ASP.NET按钮控件没有触发JQuery对话框

这里是我的代码如下。

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

});

来源

2014-10-17 ife labolz

.dialog()是jQuery用户界面，而不是jQuery的

http://jqueryui.com/dialog/

我没有看到jQuery用户界面包含在你的源代码任意的一部分。

来源

2014-10-17 17:08:30

感谢埃里克，直截了当，简洁！我没有注意到这一点。 – 2014-10-17 17:12:19

你也可以使用ID结尾是这样的：

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

来源

2014-10-17 17:18:12

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

回答

相关问题