顯示一個隱藏的div在觸摸事件後phonegap緩慢

我正在開發一個webapp使用phonegap的android.I m使用jquery移動輕擊事件和每個點擊事件我想顯示加載div顯示content.I我在tap事件和加載div顯示之間看到延遲。下面是代碼的片斷我已經寫顯示一個隱藏的div在觸摸事件後phonegap緩慢

$('#events').bind('tap',function() {   
     document.getElementById("loadingDiv").style.display = "block"; 
     });

，這我loadingDiv

<div id="loadingDiv"></div> 

#loadingDiv {position: fixed; background:black url('images/ajax-loader.gif') no-repeat center 20%; height:100%; width:100%; z-index:100000;}

，也爲加快jQuery Mobile的我已經關閉的轉換也是如此。

請指導我如何立即顯示loadingDiv以獲得良好的用戶體驗。

來源

2013-03-20 borngold

你的意思是這樣的？ http://jsfiddle.net/Palestinian/Y6yEW/ – Omar 2013-03-20 12:04:21

點擊事件和點擊事件有什麼區別？我還在phonegap中開發了Anroaid應用程序，並且使用了諸如MouseDown/Up等常規事件，它的工作很快。 – 2013-03-20 12:07:02

假設正在調用jQuery移動輕擊事件。這聽起來像是瀏覽器需要花費一些時間才能實際顯示元素的問題。

由於'display：none'not being included in the render tree，當您將其更改爲阻止瀏覽器時可能需要一段時間才能完成此操作。

某些解決方案將元素設置爲「不透明度：0」並將其設置爲「不透明度：1」（可選屬性爲可見性屬性）。這樣做意味着元素會影響佈局，但由於您使用的是固定位置，因此這不應該成爲問題。

來源

2013-03-20 14:49:14 Dcullen

顯示一個隱藏的div在觸摸事件後phonegap緩慢

回答

相關問題