2

ユーザーがデータリスト内の div をクリックしたときに投稿しようとしています。jQuery は非表示のボタン (display:none) を見つけて投稿することになっています。クリック イベントを取得できません。

<%@ 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>
4

2 に答える 2

0

この方法で入力を見つけることができます：

   $(".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(){

    })
});
于 2012-04-29T19:49:39.183 に答える
0

これを試してください:デモ

$(".divcontainer").click(function () {
    $('#mybtn').trigger('click');
});
于 2012-04-29T19:51:52.077 に答える