jQuery函数在ASPX页面中发布
jQuery function in ASPX page issue
我有一个名为ShowPopup的jQuery函数，它在单击时打开一个模式弹出框。这很好，但是当我点击模态上的"取消"按钮时，它不会关闭。
它应该调用jQuery函数btnClose，但什么也没发生
它在asp代码中被调用了两次。
任何帮助都将不胜感激，谢谢。
jQuery代码：
<script type="text/javascript" language="javascript">
function ShowPopup() {
$('#mask').show();
$('#<%=pnlpopup.ClientID %>').show();
}
function HidePopup() {
$('#mask').hide();
$('#<%=pnlpopup.ClientID %>').hide();
}
$('.btnClose').on('click', function () {
HidePopup();
});
</script>
单击btnClose并调用的ASP代码：
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>
<asp:GridView ID="Grd" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" style="table-layout:fixed;" Width="1000px"
OnRowDataBound="Grd_RowDataBound" OnRowCommand="Grd_RowCommand">
<Columns>
<asp:ButtonField CommandName="ColumnClick" Visible="false" />
<asp:BoundField DataField="Month" HeaderText="Month" SortExpression="Month" HeaderStyle-Width="60px" />
<asp:BoundField DataField="1" HeaderText="1" SortExpression="1" />
<asp:BoundField DataField="2" HeaderText="2" SortExpression="2" />
<asp:BoundField DataField="3" HeaderText="3" SortExpression="3" />
<asp:BoundField DataField="4" HeaderText="4" SortExpression="4" />
<asp:BoundField DataField="5" HeaderText="5" SortExpression="5" />
<asp:BoundField DataField="6" HeaderText="6" SortExpression="6" />
<asp:BoundField DataField="7" HeaderText="7" SortExpression="7" />
<asp:BoundField DataField="8" HeaderText="8" SortExpression="8" />
<asp:BoundField DataField="9" HeaderText="9" SortExpression="9" />
<asp:BoundField DataField="10" HeaderText="10" SortExpression="10" />
<asp:BoundField DataField="11" HeaderText="11" SortExpression="11" />
<asp:BoundField DataField="12" HeaderText="12" SortExpression="12" />
<asp:BoundField DataField="13" HeaderText="13" SortExpression="13" />
<asp:BoundField DataField="14" HeaderText="14" SortExpression="14" />
<asp:BoundField DataField="15" HeaderText="15" SortExpression="15" />
<asp:BoundField DataField="16" HeaderText="16" SortExpression="16" />
<asp:BoundField DataField="17" HeaderText="17" SortExpression="17" />
<asp:BoundField DataField="18" HeaderText="18" SortExpression="18" />
<asp:BoundField DataField="19" HeaderText="19" SortExpression="19" />
<asp:BoundField DataField="20" HeaderText="20" SortExpression="20" />
<asp:BoundField DataField="21" HeaderText="21" SortExpression="21" />
<asp:BoundField DataField="22" HeaderText="22" SortExpression="22" />
<asp:BoundField DataField="23" HeaderText="23" SortExpression="23" />
<asp:BoundField DataField="24" HeaderText="24" SortExpression="24" />
<asp:BoundField DataField="25" HeaderText="25" SortExpression="25" />
<asp:BoundField DataField="26" HeaderText="26" SortExpression="26" />
<asp:BoundField DataField="27" HeaderText="27" SortExpression="27" />
<asp:BoundField DataField="28" HeaderText="28" SortExpression="28" />
<asp:BoundField DataField="29" HeaderText="29" SortExpression="29" />
<asp:BoundField DataField="30" HeaderText="30" SortExpression="30" />
<asp:BoundField DataField="31" HeaderText="31" SortExpression="31" />
<asp:TemplateField HeaderText="" SortExpression="">
<ItemTemplate>
<asp:LinkButton ID="LinkButtonEdit" runat="server" CommandName="ShowPopup"
CommandArgument='<%#Eval("Month") %>'>Edit</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
<td valign="top">
<table>
<tr>
<td>
<strong>
Selected Row Index:</strong>
<asp:Label ID="lblSelectedRow" runat="server" ForeColor="Red"></asp:Label>
</td>
</tr>
<tr>
<td>
<strong>
Selected Column Index:</strong>
<asp:Label ID="lblSelectedColumn" runat="server" ForeColor="Red"></asp:Label>
</td>
</tr>
<tr>
<td>
<strong>
Selected Column Title:</strong>
<asp:Label ID="lblSelectedColumnTitle" runat="server" ForeColor="Red"></asp:Label>
</td>
</tr>
<tr>
<td>
<strong>
Selected Column Value:</strong>
<asp:Label ID="lblSelectedColumnValue" runat="server" ForeColor="Red"></asp:Label>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="mask">
</div>
<asp:Panel ID="pnlpopup" runat="server" BackColor="White" Height="175px"
Width="300px" Style="z-index:111;background-color: White; position: absolute; left: 35%; top: 12%; border: outset 2px gray;padding:5px;display:none">
<table width="100%" style="width: 100%; height: 100%;" cellpadding="0" cellspacing="5">
<tr style="background-color: #0924BC">
<td colspan="2" style="color:White; font-weight: bold; font-size: 1.2em; padding:3px"
align="center">
Customer Details <a id="closebtn" style="color: white; float: right;text-decoration:none" class="btnClose" href="#">X</a>
</td>
</tr>
<tr>
<td colspan="2" style="width: 45%; text-align: center;">
<asp:Label ID="LabelValidate" runat="server" />
</td>
</tr>
<tr>
<td align="right" style="width: 45%">
CustomerID:
</td>
<td>
<asp:Label ID="lblID" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td align="right">
Contact Name:
</td>
<td>
<asp:Label ID="lblContactName" runat="server"></asp:Label>
</td>
</tr>
<tr>
<td align="right">
Address:
</td>
<td>
<asp:TextBox ID="txtAddress" runat="server" />
</td>
</tr>
<tr>
<td align="right">
City:
</td>
<td>
<asp:TextBox ID="txtCity" runat="server" />
</td>
</tr>
<tr>
<td>
</td>
<td>
<%--<asp:Button ID="btnUpdate" CommandName="Update" runat="server" Text="Update" OnClick="btnUpdate_Click" />--%>
<input type="button" class="btnClose" value="Cancel" />
</td>
</tr>
</table>
</asp:Panel>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:connstring %>" SelectCommand="sp_calendar" SelectCommandType="StoredProcedure"></asp:SqlDataSource>
</form>
我在打字时得到了它。添加了onclick属性并从中调用HidePopup（）。
相关文章：
- 在新的浏览器选项卡上加载新的aspx页面后调用JavaScript函数
- aspx页面VS2012的javascript函数中未命中断点
- 将Javascript变量传递给C#函数aspx并从中返回到aspx页面
- 从远程HTML页面调用*.aspx函数
- 无法访问字段'通过aspx页面上的javascript函数传递来自代码隐藏中函数调用的客户端id的s值(页面加载
- 如何从aspx页面引用jquery函数
- 如何在aspx页面中的转发器ItemDataBound中传递函数中的Control.ClientID
- 如何从代码隐藏调用.aspx页面中的书面函数
- 将对象从.aspx文件传递到 JavaScript 函数
- 如何在 aspx-response 中设置 $.post(）-函数的“status”参数
- 从页面调用 ascx Javascript 函数.aspx
- 在 ASPX 页中自动运行 JavaScript 函数
- 从 HTML 调用 WCF 服务总是转到错误函数.适用于 aspx 页面
- 如何通过传递参数来调用 C#(aspx.cs） 函数，使用 Java 脚本/Jquery
- 在aspx webform中从Javascript调用C#函数，然后重新加载页面
- 从 aspx 页调用用户控件中的 jquery 函数
- 用于在画布上绘制的 JavaScript 函数(从 aspx 页面调用）会导致错误
- jQuery函数在ASPX页面中发布
- 如何从HTML文件在ASPX文件中运行javascript函数
- 有人知道如何访问此函数吗:GenerateNewWindowLightbox(“Viewer.aspx?document
