今天在舊系統中,用戶要求,要把一個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代碼: