javascript - Phonegap - 可以隐藏 div，但不能显示

Question

我有一个非常简单的 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() 确实被调用了。

所以我不知道这是怎么发生的/为什么会发生。过去有没有人遇到过类似的问题？解决方案是什么？

Answer 1

我发现了问题(某种程度上)。显然 jQuery 与页面上使用的其他一些脚本冲突。我不确定是哪一个，或者冲突是什么，或者冲突如何严重到导致 element.style.display = 'block';停止工作，但改变 <script> 的顺序HTML 中的标签解决了这个问题。