Javascript Phonegap-可以隐藏div,但不能显示
我有一个非常简单的PhoneGap项目,其中包含一些消息元素,可以根据需要开关。我在这个项目中使用jQuery,尽管无论我是否使用jQuery显示/隐藏div,都会出现我看到的问题 无论如何,相关的标记如下所示:Javascript Phonegap-可以隐藏div,但不能显示,javascript,jquery,html,css,cordova,Javascript,Jquery,Html,Css,Cordova,我有一个非常简单的PhoneGap项目,其中包含一些消息元素,可以根据需要开关。我在这个项目中使用jQuery,尽管无论我是否使用jQuery显示/隐藏div,都会出现我看到的问题 无论如何,相关的标记如下所示: <div class="event listening blink" id="waiting" > Waiting for Game </div> <div class="event
<div class="event listening blink" id="waiting" >
Waiting for Game
</div>
<div class="event listening blink" id="error" >
Something bad happened...
</div>
<div id="running">
<h1>Shake Me!</h1>
<div id="deviceready">
<p class="event listening" id="accelerometer">Waiting for accelerometer...</p>
</div>
</div>
<div id="complete">
<h1 id="finalStatus">Game Over</h1>
<div id="myRanking">
<p class="event listening">You came in 100th place.</p>
</div>
</div>
当应用程序中发生各种事件时,我会显示相应的div,如:
$("#waiting").show();
看起来很简单,只是div没有再出现。一旦一个div被隐藏,它将永远保持隐藏状态。没有抛出JavaScript错误,即使我使用document.getElementById(“waiting”).style.display='block'以老式方式显示/隐藏它们,也会发生同样的情况代码>。我有console.log()
语句来确认肯定正在调用show()
所以我不知道这是怎么发生的。过去有没有人遇到过类似的问题?解决办法是什么 我发现了这个问题(有点)。显然jQuery与页面上使用的其他脚本冲突。我不确定是哪一个,或者冲突是什么,或者冲突是如何严重到导致element.style.display='block'
停止工作,但更改HTML中
标记的顺序修复了问题。您是否也尝试在浏览器中运行您的应用程序?你遇到过同样的问题吗?您还可以尝试在节目结束后在div中打印html,alert($(“waiting”).html()代码>我在手机上遇到过webview问题,如果您设置了触发硬件加速的“transform3d”属性,页面的视觉呈现与DOM状态不匹配。我不知道这里是否发生了这种情况,但我是如何确定问题是否出在DOM元素的style对象上的,以查看该对象是否实际可见,然后以某种方式强制进行回流/重新绘制的。我已经尝试使用上面的示例,似乎工作正常。除非u r等待(显示div)的事件在div实际隐藏之前到达。你能再给我一些你的代码或者完整的文件吗?
$("#waiting").show();