2013-11-26 5 views
0

나는이 일을 할 수 없다. postback 다음에 fadeout (div)을 입력하고 싶습니다. 이 divupdatepanel 안에 있습니다. updatepanel 때문에 부분적으로 새로 고침 될 것입니다. 그러나이 컨텍스트 내에서 어떻게 여전히 fadeout을 사용할 수 있습니까?JavaScript UpdatePanle

<asp:Content ID="Content1" ContentPlaceHolderID="content_head" runat="Server"> 
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script> 
    <script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 
      $("#div_msg").delay(1500).fadeOut("slow"); 
     }); 

    </script> 
</asp:Content> 


<asp:UpdatePanel ID="UpdatePanel6" runat="server"> 
    <ContentTemplate> 
     <asp:Panel ID="pnl_msgs" runat="server" Visible="false"> 
       <div id="div_msg"> 
        <asp:Label ID="lbl_msg" runat="server" Text="Label"></asp:Label> 
       </div> 
     </asp:Panel> 

     <asp:Button ID="but_status_new" runat="server" Text="New" CssClass="new-button-flat" onclick="but_status_new_Click"/> 
    </ContentTemplate> 
</asp:UpdatePanel> 

but_status_new_Click 기능에 js 코드를 쓰고 있지 않습니다.

+0

에 jQuery를 참조 이동 일부 (에만 관련을 게시하시기 바랍니다 수) 코드? panel/div 및 fadeout 코드 모두에 대한 마크 업은 무엇입니까? –

+0

@YuriyGalanter 님, 시간을내어 주셔서 감사합니다. – user1889838

답변

0

대신 document.ready ASP.NET AJAX가 자신의 페이지 수명주기가 있기 때문에 function pageLoad를 사용해보십시오 :

function pageLoad() { 
    $("#div_msg").delay(1500).fadeOut("slow"); 
} 

오와의 ScriptManager 자체

<asp:ScriptManager ID="ScriptManager1" runat="server" > 
    <Scripts> 
     <asp:ScriptReference Path="js/jquery-1.6.2.min.js" /> 
    </Scripts> 
</asp:ScriptManager> 
+0

감사합니다.이 항목이 정렬되어 있지만 어떻게 미끄러지면서 슬라이드 업을 할 수 있습니까? 나는 그것을 시험하고있다. 그러나 그것은 발사하지 않는 것처럼 보인다! – user1889838

+0

그건 별개의 질문입니다 :) j/k. 일반적인 작업에서 jQuery를 의미하는 fadeOut이 작동하고 슬라이드도 작동해야하는 경우 구문과 매개 변수를 확인하십시오. –