国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

EasyUI閃屏EasyUI頁面加載提示(原理+代碼+效果圖)

2024-05-06 16:28:50
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了EasyUI閃屏EasyUI頁面加載提示(原理+代碼+效果圖)的相關資料,需要的朋友可以參考下
 

使用EasyUI時,有個經常遇到的問題,頁面還沒有渲染完成的時候,就展現了。

剛剛開始很混亂,等加載完成后,就好了。

$.parser.onComplete,這個是在所有組件解析完成后執行的事件。其實這個事件很有用的。很多在布局用到easyui的時候總會出現一個問題。就是在一進入主界面的時候,頁面的并不是馬上就展現,而是會有一個混亂的過程,之后一閃就又好了。

其實這個就是因為easyui是在dom載入完畢之后才會對整個頁面進行解析,當你們布局和組件使用的比較多的時候,完整的解析組件就需要一個過程,而在這個過程中就會出現短暫的界面混亂現象。

要解決這個問題其實只要好好利用這個onComplete 事件在結合一個載入遮罩就解決問題了。

 

把需要這個動畫效果的,放到一個頁面中去。

<#include "common/loadingDiv.html"/>(Freemarker的include語法,模版用的.html后綴)

loadingDiv.html

<div id='loadingDiv' style="position: absolute; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; background: white; text-align: center;"> <h1 style="top: 48%; position: relative;"> <font color="#15428B">努力加載中···</font> </h1> t;/div> <script type="text/javascript"> function closeLoading() { $("#loadingDiv").fadeOut("normal", function () { $(this).remove(); }); } var no; $.parser.onComplete = function () { if (no) clearTimeout(no); no = setTimeout(closeLoading, 1000); } </script> 

EasyUI閃屏EasyUI頁面加載提示(原理+代碼+效果圖)EasyUI閃屏EasyUI頁面加載提示(原理+代碼+效果圖)

以上內容是小編給大家介紹的EasyUI閃屏EasyUI頁面加載提示,希望對大家以上幫助!



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 麦盖提县| 洛川县| 武安市| 濉溪县| 化隆| 宁晋县| 万荣县| 崇仁县| 赣州市| 莱芜市| 嘉荫县| 山阴县| 大兴区| 北票市| 台中县| 富蕴县| 湖南省| 上杭县| 宁蒗| 惠州市| 石林| 盖州市| 黔西县| 宝清县| 东兴市| 通州区| 昔阳县| 昌图县| 东辽县| 牡丹江市| 达州市| 渭源县| 双江| 拉萨市| 舟曲县| 连州市| 芮城县| 凤凰县| 宝山区| 石渠县| 菏泽市|