点击事件后，在phonegap中显示隐藏的div很慢

Question

我正在开发一个使用phonegap for android的webapp。我使用jquery移动点击事件，并且对于每个点击事件我想在显示内容之前显示加载div。我看到点击事件和显示加载之间的延迟DIV。 下面是我编写的代码片段

    $('#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移动，我也关闭了过渡。

请指导我如何立即显示loadingDiv以获得良好的用户体验。

Answer 1

假设正确调用jQuery移动点击事件。这听起来像浏览器需要一段时间来实际显示到元素。

由于＆＃39;显示：无＆＃39; not being included in the render tree，当您将其更改为阻止浏览器时可能需要一段时间才能执行此操作。

有些解决方案是将元素设置为“不透明度：0＆＃39;并将其设置为“不透明度：1＆＃39; （替代是可见性属性）。这样做意味着元素会影响布局，但由于你使用固定位置，这不应该是一个问题。