jquery toggle div在回发后消失（按钮单击） [英] jquery toggle div disappearing after postback(Button click)

问题描述

我有一个我最初设置显示的div：none但是我在点击链接后显示并隐藏div。

问题是我有Button导致回发。每次我点击按钮，div都会回到隐藏状态，当然我不想要。如何在发生回发时使div保持原状。

div位于更新面板内。

这是Url- http://www.surendrakumarverma.com/userlogin.aspx [ ^ ]

忘记密码链接切换将出现。但是在提交按钮上它正在消失。

 <   tr  >  
 <   td     class   =  style4    colspan   =  3\"  >  
 <   a     href   = ＃    id   =  showmenu > 忘记密码<   / a  >  
 <   asp：UpdatePanel     ID   =  UpdatePanel1    runat   =  server    UpdateMode   = 条件 >  
 
 <   ContentTemplate  >  
 
 <   div     id   =  content_div    style   =  display：none >  
 
 
 <  表 >  
 <   tr  >  <   td  >  
 <   asp：TextBox     ID   =  TextBox3    CssClass   =  textbox    runat   = 服务器 >  <   / asp：TextBox  >  <   / td   >  <   td  >  
 <   asp：按钮    ID   =  Button2    runat   =  server    CssClass   = 发送   文字  = 按钮    
   
                           CausesValidation   =  False     onclick   =  Button2_Click    
   
                          < span class =code-attribute>   /  >  
 <   asp：标签    ID   =  Label4    runat   =  server   >  <   / asp：标签 >  
 
 <   / td  >  <   / tr  >  
 <   / table  >  
 <   / div  >  
 <   / ContentTemplate  > ;  
 <   / asp：UpdatePanel  >  
 <   / td  >  
 <   / tr  >  

脚本 -

< script> 
 
 
 $（ ＃showmenu）。click（  function （）{
 $（ ＃ content_div）。toggle（  slow）; 
 
}）; 
< / script> 

参考了这个

http://blog.dreamlabsolutions.com/post/2009/ 02/24 / jQuery-document-ready-and-ASP-NET-Ajax-asynchronous-postback.aspx [ ^ ]

但仍然没有working

解决方案

（ ＃showmenu）。click（ function （）{

（ ＃content_div）。toggle（ slow）;

}）;
< / script>

参考了这个

http://blog.dreamlabsolutions.com/post/2009/ 02/24 / jQuery-document-ready-and-ASP-NET-Ajax-asynchronous-postback.aspx [ ^ ]

但仍然没有working

 <   script  >  
 showHide（）; 
 <   pre    < span class =code-attribute> lang   =  cs >  

I have a div that I initially set to display:none but i show and hide the div after a click on a link.
The problem is that I have Button that causes a postback. Every time i click the button the div goes back to hiding, which i don''t want of course. How can I make the div persist it''s state when a postback occurs.
The div is inside a updatepanel.
Here is the Url-http://www.surendrakumarverma.com/userlogin.aspx[^]
on forgot password Link Toggle will appear.but on Submit Button it is Disappearing.

<tr>
               <td class="style4" colspan="3">
               <a href="#" id="showmenu">Forgot Password</a>
                   <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                   
                   <ContentTemplate>

<div id="content_div" style="display:none">
                   

<table>
<tr><td>
    <asp:TextBox ID="TextBox3" CssClass="textbox" runat="server"></asp:TextBox></td><td>
        <asp:Button ID="Button2" runat="server" CssClass="send" Text="Button" 

            CausesValidation="False" onclick="Button2_Click" 

             />
        <asp:Label ID="Label4" runat="server" ></asp:Label>
             
             </td></tr>
</table>
</div>
</ContentTemplate>
</asp:UpdatePanel>
                   </td>
           </tr>

Script-

<script>


$("#showmenu").click(function () {
$("#content_div").toggle("slow");

});    
</script>

reffered this
http://blog.dreamlabsolutions.com/post/2009/02/24/jQuery-document-ready-and-ASP-NET-Ajax-asynchronous-postback.aspx[^]
but still not working

解决方案

("#showmenu").click(function () {

("#content_div").toggle("slow"); }); </script>

reffered this
http://blog.dreamlabsolutions.com/post/2009/02/24/jQuery-document-ready-and-ASP-NET-Ajax-asynchronous-postback.aspx[^]
but still not working

<script>
showHide();
<pre lang="cs">

这篇关于jquery toggle div在回发后消失（按钮单击）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！