使用Cordova显示和隐藏元素

时间:2017-02-11 14:43:45

标签: javascript html ios cordova mustache

我对编码非常陌生,正在尝试为研究创建应用。我在使用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()

没有运气。非常感谢任何建议!谢谢。

1 个答案:

答案 0 :(得分:1)

在一些朋友的帮助下,我解决了这个问题!我将以下代码添加到.js文件中:

if(question.variableName ==='popup'){         $( '#弹出')显示();

希望这可以帮助将来的某个人!