使用Cordova显示和隐藏元素

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

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

没有运气。将不胜感激任何意见！谢谢。

来源

2017-02-11 NA_Psych

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

if（question.variableName ==='popup'）{（'＃popup'）。show（）;

希望这可以帮助未来的人！

来源

2017-02-11 21:09:27

使用Cordova显示和隐藏元素

回答

相关问题