在 windows phone 中通过 z-index 锁定屏幕答案

【问题标题】：Locking screen by z-index in windows phone在 windows phone 中通过 z-index 锁定屏幕
【发布时间】：2014-08-02 19:07:24
【问题描述】：

我在app加载数据的时候使用loader，loader下有黑屏，链接和导航项应该在那个时候被锁定，应用程序是基于phonegap的应用程序，并且在iOS和Android中一切正常。问题是在WP8中，屏幕很暗，但链接和导航是可点击的。这是我的 loader 的 css 代码

.loader {
background: rgba(0,0,0,0.6);
width:100%;
height:100%;
position:absolute;
left:0;
right:0;
z-index:1000;
}

我研究并找到了一种使用透明图标而不是 rgba 着色的解决方案，但它无法解决问题。请任何解决方案或想法如何解决这个问题。

【问题讨论】：

您是否尝试过使用模态对话框？在加载应用程序时，模态对话框将遮盖应用程序并阻止任何点击。模态对话框将显示应用程序正在加载的消息。然后在应用完成加载后移除模式对话框。

【解决方案1】：

问题已通过 JavaScript 解决。我已将点击事件侦听器添加到我的加载器元素 (.loader)。

$(.loader).on("click",function(e){
    e.preventDefault();
});

【讨论】：