為什么我的ASP.NET按鈕控件無法觸發JQuery對話框
[英]why is my ASP.NET button control not firing JQuery Dialog
問題描述
首先，該按鈕不會觸發jquery對話框，並且在頁面加載時，我檢查控制台是否有錯誤，並且得到“ Uncaught TypeError：undefined 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");
});
});
2 個解決方案
解決方案1
0 已采納 2014-10-17 17:08:30
解決方案2
0 2014-10-17 17:18:12
您還可以使用ID結尾，例如：
$('input:submit[id$=btnDialog]')).click(function () {});
ASP.net按鈕點擊不使用Jquery模態對話框觸發
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.