显示一个隐藏的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缓慢

回答

相关问题