我有一个非常简单的 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").hide();
$("#running").hide();
$("#error").hide();
$("#complete").hide();
当应用程序中发生各种事件时,我会显示相应的 div,例如:
$("#waiting").show();
看起来非常简单,只是 div 不再出现。一旦 div 被隐藏,它就会永远隐藏。没有抛出 JavaScript 错误,即使我使用 document.getElementById("waiting").style.display = 'block';
以老式方式显示/隐藏它们,也会发生同样的事情.我有 console.log()
语句确认 show()
确实被调用了。
所以我不知道这是怎么发生的/为什么会发生。过去有没有人遇到过类似的问题?解决方案是什么?
最佳答案
我发现了问题(某种程度上)。显然 jQuery 与页面上使用的其他一些脚本冲突。我不确定是哪一个,或者冲突是什么,或者冲突如何严重到导致 element.style.display = 'block';
停止工作,但改变 <script>
的顺序HTML 中的标签解决了这个问题。
关于javascript - Phonegap - 可以隐藏 div,但不能显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13446843/