javascript - Jquery滑动问题

Question

HTML

<div id="MyForm">
    <a> <img src="ImageMenu.png" /></a>

    <div id="form" style="width:250px">
        <table>
            <tr>
                <td width="20%" style="color:White">
                    Name
                </td>
                <td width="3%">
                    :
                </td>
                <td width="27%">
                    <asp:TextBox runat="server" ID="txtName"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td colspan="3" align="center">
                    <asp:Button Text="Send" runat="server" ID="btnSend" OnClick="btnSend_Click" OnClientClick="return Validate()"/>
                </td>
            </tr>
        </table>
    </div>
</div>

jQuery

 $("#MyForm").click(
        function () { $("#form").slideToggle(400); }
    );

我的问题是，当我单击文本框输入数据或单击按钮时，表单会向上滑动。此外，我还编写了名为“Validate()”的 JavaScript 验证函数。当验证失败时，表单也会向上滑动。

Answer 1

将您的代码更改为此

$("#MyForm>a").click(
        function () { $("#form").slideToggle(400); }
    );