2013-10-03 76 views
-1

HTML問題與jQuery滑動

<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驗證函數。當驗證失敗時,表單也向上滑動。

+1

'#MyForm'包裹整個表單,所以你基本上是點擊'div'每一次,因此每次都會下滑 – ashley

回答

1

你的代碼改成這樣

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