Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Phonegap-可以隐藏div,但不能显示_Javascript_Jquery_Html_Css_Cordova - Fatal编程技术网

Javascript Phonegap-可以隐藏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

我有一个非常简单的PhoneGap项目,其中包含一些消息元素,可以根据需要开关。我在这个项目中使用jQuery,尽管无论我是否使用jQuery显示/隐藏div,都会出现我看到的问题

无论如何,相关的标记如下所示:

        <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();