honvi
honvi
  • 发布:2016-09-29 09:55
  • 更新:2016-09-29 09:59
  • 阅读:2824

苹果手机后台切换到前台,js动态设置div的style的display为block不显示

分类:HTML5+
iOS

苹果APP切换到后台,然后再切换到到前台调用监听的resume事件,也成功调用了事件里面的openSamllRedBag方法,而且也播放了音乐,但是html中的div就是不显示。

代码如下:
js代码:

document.addEventListener( "resume", onAppReume, false );

function onAppReume(){
console.log("后台切换到前台!!!");
openSamllRedBag();

}

var openSamllRedBag = function(){
var wav = "music/money.wav";
var p = plus.audio.createPlayer(wav);
p.play();
document.getElementById("container").style.display="inherit";//设置为block也一样。
}

html代码:
<div class="containersmall" id="container" style="display: none;">
<div class="RedBoxsmall">
<div class="topcontentsmall">
<a href="#" class="mui-btn mui-btn-red" id="robBtn" style="height:50px;font-size: 18px;" onclick="grabLaisee();">开&nbsp;&nbsp;红&nbsp;&nbsp;包</a>
<br><br><br><font id="redBagMsg" color="#FFF;" style="font-size: small;"></font>
</div>
</div>
</div>

2016-09-29 09:55 负责人:无 分享
已邀请:
Runic

Runic

你这个 div 给的样式 是不是 绝对定位的? 如果是 可能要加个 z-index、有时候 mui-content 会遮盖住

  • honvi (作者)

    z-index已经设置非常大了的,一开始直接在html中设置<div class="containersmall" id="container" style="display:inherit;">是显示的,我的需求刚开始要求隐藏,后台切换到前台动态设置显示

    2016-09-29 10:01

该问题目前已经被锁定, 无法添加新回复