1

我的 modalpopup 有多个取消控件，但只有 btnCancel 起作用，$find().click 不起作用，我收到“错误：无法获取属性 'click' 的值：对象为空或未定义”任何帮助将不胜感激。

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="WebForm1.aspx.cs" Inherits="web.WebForm1" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:ScriptManager runat="server" ID="scriptManager" EnablePageMethods="true">
    </asp:ScriptManager>
    <asp:Button ID="btnShowPopupAmend" runat="server" />
    <asp:ModalPopupExtender ID="mpeAmend" runat="server" TargetControlID="btnShowPopupAmend"
        PopupControlID="pnlpopupAmend" CancelControlID="btnCancel" BackgroundCssClass="modalBackground" />
    <asp:Panel ID="pnlpopupAmend" runat="server" Width="700px" Style="display: none;"
        class="ModalPanel">
        <img src="images/close.png" style="cursor: hand" onclick="$find('btnCancel').click()"
            width="15" height="15" />
        <asp:Button ID="btnCancel" Text="Cancel" runat="server" OnClick="btnCancel_Click" />
    </asp:Panel>
</asp:Content>
4

3 回答 3

1

我会从元素中取出逻辑......

在您的图像上添加一个 id，例如“closeImg”

那么你的js可以是这样的：

$('#closeImg').click( function() {
    $('#btnCancel').click();
});
$('#btnCancel').click( function() {
    //whatever you want to have happen
});

一个例子：http: //jsfiddle.net/vgDPd/

确保将其放在 $(document).ready() 中，以便为其加载 dom

于 2013-04-06T16:32:06.607 回答
0

$find 语法不正确。此外，要选择一个 id，我们需要在元素的 id 之前使用一个“#”。您可以尝试以下方法：

$('#btnCancel').click()

或者

$("body").find('#btnCancel').click()

正如@smerny 提到的那样。尝试从模板中取出逻辑并将调用包装在准备好的函数中。

就绪函数可以写成

<script>
$(document).ready(function(){
  $('#btnCancel').click();
});
</script>
于 2013-04-06T16:41:15.293 回答
0

好的，我通过使用以下方法使它工作...

我设置了 modalpopupextender 的 behaviorID，然后在图像的 onclick 事件中调用 $find().hide()。

 <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
        CodeBehind="WebForm1.aspx.cs" Inherits="web.WebForm1" %>

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
    <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
        <asp:ScriptManager runat="server" ID="scriptManager" EnablePageMethods="true">
        </asp:ScriptManager>
        <asp:Button ID="btnShowPopupAmend" runat="server" />
        <asp:ModalPopupExtender ID="mpeAmend" BehaviorID="mpeAmend" runat="server" TargetControlID="btnShowPopupAmend"
            PopupControlID="pnlpopupAmend" CancelControlID="btnCancel" BackgroundCssClass="modalBackground" />
        <asp:Panel ID="pnlpopupAmend" runat="server" Width="700px" Style="display: none;"
            class="ModalPanel">
            <img src="images/close.png" id="imgClose" alt="" style="cursor: hand" onclick="$find('mpeAmend').hide()"
                width="15" height="15" />
            <asp:Button ID="btnCancel" Text="Cancel" runat="server" OnClick="btnCancel_Click" />
        </asp:Panel>
    </asp:Content>
于 2013-04-06T19:56:42.897 回答