使用 Cordova 显示和隐藏元素答案

【问题标题】：Displaying and Hiding an Element using Cordova使用 Cordova 显示和隐藏元素
【发布时间】：2017-02-11 14:43:44
【问题描述】：

我对编码非常陌生，正在尝试创建一个用于研究的应用程序。我无法使用 cordova 和 Xcode 在我的应用程序的正确页面上显示元素。基本上，我想在我的应用程序末尾显示一个可点击的电话号码，但我无法让元素仅显示在该页面上（而不是在应用程序的每个页面上）。我已经想出了如何隐藏元素，但现在我无法让它出现在正确的位置。这是我的html代码：

<script>
            function show(shown, hidden) {
                document.getElementById(shown).style.display='block';
                document.getElementById(hidden).style.display='none';
                return false;
            }
    </script>
    </head>
    <body>
      <!-- HTML Template -->
      <body onload="app.initialize()">
          <div class="app">
          <div id="window">
              <div id="question">
              </div>
              <div id="popup" style="display:none">
               Please call any of the below:
               Phone System: <a href="tel:+1-800-555-5555" class="button button-positive">800-555-5555</a>
              </div>
    </body>
</html>

我尝试在我的 .js 文件中包含以下内容，但没有成功：

var $prehashval = "";
            function loop()
            {
                if (location.hash.slice(1)!=$prehashval)
                    hashChanged();

                $prehashval = location.hash.slice(1);
                setTimeout("loop()", 100);
            }
            function hashChanged()
            {
                var $output;
                switch (location.hash.slice(1))
                {
                    case "question":
                        document.getElementById('question').style.display = "";
                        document.getElementById('popup').style.display = "none";
                        break;
                    case "popup":
                        document.getElementById('question').style.display = "none";
                        document.getElementById('popup').style.display = "";
                        break;
                    default:
                        $output = location.hash.slice(1);
                }
            }
            loop();

我还尝试添加以下内容：

$("#popup").hide()  
$("#popup").display()

没有运气。将不胜感激任何建议！谢谢。

【问题讨论】：

标签： javascript html ios cordova mustache

【解决方案1】：

在一些朋友的帮助下，我已经解决了这个问题！我在 .js 文件中添加了以下代码：

if (question.variableName === 'popup') { $('#popup').show();

希望这对将来的某人有所帮助！

【讨论】：