Question

我试图在用户点击数据列表中的div时发布，我的jQuery应该找到我的隐藏按钮（显示：无）然后发布。我无法获取点击事件。

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl1.ascx.cs"
    Inherits="Everything.controls.WebUserControl1" %>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        alert("I'm seeing this alert");
        $(".divcontainer").click(function () {

            $(this).find("input").click();
        });
    });
</script>

<div class="myForm" style="padding-bottom: 0; padding-top: 50px; margin-bottom: 0.3em">
    <asp:DataList ID="lstCategoryItems" runat="server">
        <ItemTemplate>
            <div id="myDivId" class="divcontainer cf" runat="server">
                <%# DataBinder.Eval(Container.DataItem, "Key") %>
                <asp:Button ID="Button1" runat="server" OnClick="BtnClick" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "Value") %>'
                    Style="display: none" />
            </div>
        </ItemTemplate>
        <FooterTemplate>
        </FooterTemplate>
    </asp:DataList>
</div>

Answer 1

你可以通过这种方式找到输入：

   $(".divcontainer input:hidden").click(function(){
      ....
   })

或者如果您有另一个输入处理程序：

$(document).ready(function () {
    alert("I'm seeing this alert");
    $(".divcontainer").click(function () {
        $(this).find("input:hidden").trigger("click");
    });

    $("input").click(function(){

    })
});

Answer 2

试试这个：DEMO

$(".divcontainer").click(function () {
    $('#mybtn').trigger('click');
});

在datalist中找到div并提交按钮

2 个答案: