ASP.NET div信息提示框顯示幾秒后隱藏


今天在舊系統中,用戶要求,要把一個javascript alert的信息提示,改為Div tag來顯示,它在顯示時,僅顯示幾秒,然后隱藏,這樣無需用戶去點擊alert信息框的確定或是關閉銨鈕。

下面Insus.NET根據實現好的功能,例舉為一個簡單的例子。也一起把實現過程中所遇上的問題,一起分析與分享。

先在asp.net網站上,創建一個xxx.aspx網頁:


第一步,創建一個div tag和有其內添加一個Label控件,將用來顯示相關的信息。
第二步,添加樣式。

 

第三步,是在aspx網頁中,添加html markup,一個TextBox和一個Button,和在code behind實現Button的Click事件:

 

現在回到aspx的html markup,添加jQuery代碼:

 

第五步,引用jQeury類庫。

第六步,實現Div tag在顯示3秒之后,隱藏起來。


實時操作與演示:

 


Insus.NET在修改舊系統之前,也有嘗試這樣測試了OK,再搬至要修改的舊系統中,但是在運行時,卻沒有一點效果:


信息提示過了設定的時間,Div沒有隱藏起來,效果丟失了,如下:




最終檢查,原來舊系統中,有帶在UpdatePanel。因此消失了應有的功能與效果,怎樣解決呢? 查了一下msdn:

http://msdn.microsoft.com/en-us/library/bb311028(v=vs.100).aspx

根據msdn技術文檔,修改javascript的jQuery代碼:

 

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM