0

私はJqueryが初めてで、LinkBut​​ton ClickEventにdivを表示しようとしています(リンクボタンの代わりにボタンを使用すると機能します)

これは私のJqueryコードです

<script type="text/javascript">
            $(document).ready(function () {
                $('#<%=lbLog.ClientID%>').click(function () {

                    $("#login").show(2000);
                    alert("hello");
                });
            });
        </script>

hello メッセージは div ではなく表示されます

これは私のhtmlコードです:

<asp:LinkButton ID="lbLog" runat="server" onclick="lbLog_Click">Login</asp:LinkButton>
        <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
        <div id="login" style="display:none">            
            Username: <asp:TextBox ID="txtUsername" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="rfvUsername" runat="server" ControlToValidate="txtUsername" Display="Dynamic" ErrorMessage="*" ValidationGroup="LogGroup">*</asp:RequiredFieldValidator>
            Password: <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox> <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtPassword" Display="Dynamic" ErrorMessage="*" ValidationGroup="LogGroup">*</asp:RequiredFieldValidator>
            <asp:Button ID="btnLog" runat="server" Text="Login" onclick="btnLog_Click" ValidationGroup="LogGroup" />
        </div>
4

3 に答える 3

1

これを試して

$("#login").css('display','block');
于 2013-01-05T18:25:33.760 に答える
0

必要ありませんonclick="lbLog_Click"。ID の jquery セレクターが正しくないよう'#<%=lbLog.ClientID%>'です。ソースを表示し、linkbutton の ID が、JavaScript コードでセレクターに渡したものと一致することを確認してください。

于 2013-01-05T18:28:12.360 に答える
0

style="display:none"ASP.NET リンク ボタンは、jQuery 関数をどのように変更しても、ページを更新して div を非表示にするポストバックを引き起こします。代わりにこれを試してください：

<script type="text/javascript">
    $(document).ready(function () {
        $("#fakeLink").click(function () {
            $("#login").show(2000);
        });
    });
</script>
<style type="text/css">
    .fakeLink
    {
        color: blue;
        text-decoration: underline;
        cursor: pointer;
    }
</style>

   <div>
    <span class="fakeLink" id="fakeLink">Login</span>
    <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
    <div id="login" style="display:none;">
        Username:
        <asp:TextBox ID="txtUsername" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="rfvUsername" runat="server" ControlToValidate="txtUsername"
            Display="Dynamic" ErrorMessage="*" ValidationGroup="LogGroup">*</asp:RequiredFieldValidator>
        Password:
        <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
        <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtPassword"
            Display="Dynamic" ErrorMessage="*" ValidationGroup="LogGroup">*</asp:RequiredFieldValidator>
        <asp:Button ID="btnLog" runat="server" Text="Login" OnClick="btnLog_Click" ValidationGroup="LogGroup" />
    </div>
</div>
于 2013-01-05T19:07:48.510 に答える