Question

我正在尝试将点击功能分配给jQuery中的按钮。问题是按钮位于用户控件中。我使用以下代码 -

<script>
    $(document).ready(function () {
        $("#dvHeader").click(function () {
            alert('test');
        })
    }
    )
</script>

如果在普通的.aspx页面中使用，上面的代码可以正常工作。我试过这里给出的解决方案How to Find UserControls Control value in Jquery Asp.net?

但仍然没有工作。

请帮助解决此问题

HTML代码 -

<%@ Control Language="C#" AutoEventWireup="true"    CodeFile="BookingCancellation.ascx.cs" Inherits="Usercontrols_Sales_BookingCancellation" %>
<script src="../../Javascript/jquery-1.10.2.min.js"></script>


    <div class="divLeft" style="clear: both">
        <asp:Button ID="btnSaveBottom" SkinID="addButton" runat="server" Text="Save" OnClick="btnSave_Click" ClientIDMode="Static" />
    &nbsp;<asp:Button ID="btnCancelBottom" runat="server" Text="Cancel" OnClick="btnCancel_Click" />
    </div>

我只在此用户控件上调用了脚本。

Answer 1

你可能没有ClientIDMode="Static"并且需要使用ClientID for javascript。设置ClientIDMode="Static"或使用ClientID，您可以阅读here以上的内容。

<script>
    $(document).ready(function () {
        $("#<%= dvHeader.ClientID %>").click(function () {
            alert('test');
        });
    });
</script>

接受的答案解决方案第二部分中有错误，

$('#<%= YourTextBoxID.ClientID').val();

将是

$('#<%= YourTextBoxID.ClientID %>').val();

无法使用jQuery在usercontrol中找到控件

1 个答案: