正文 

当前位置： 首页 > 知识 >

使用 Cordova 显示和隐藏元素

     2023-03-15     137

关键词：

【中文标题】使用 Cordova 显示和隐藏元素【英文标题】：Displaying and Hiding an Element using 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()

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

【问题讨论】：

【参考方案1】：

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

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

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

【讨论】：

如何根据某人是不是使用 AngularJS 登录来隐藏和显示导航栏元素？

】如何根据某人是不是使用AngularJS登录来隐藏和显示导航栏元素？【英文标题】：HowtohideandshownavbarelementsbasedonifsomeoneisloggedinusingAngularJS?如何根据某人是否使用AngularJS登录来隐藏和显示导航栏元素？【发布时间】：2016-12-2017:41:06... 查看详情

在 Chrome 和 Edge 中使用 jQuery 闪烁隐藏和显示元素

】在Chrome和Edge中使用jQuery闪烁隐藏和显示元素【英文标题】：HidingandshowingelementswithjQueryflickersinChromeandEdge【发布时间】：2017-04-0712:35:24【问题描述】：我正在尝试使用jQuery制作一个简单的动画，该动画在Firefox中运行良好，但在C... 查看详情

如何使用jQuery在三个或更多条件下显示和隐藏元素？

】如何使用jQuery在三个或更多条件下显示和隐藏元素？【英文标题】：HowtoshowandhideanelementinthreeormoreconditionsusingjQuery?【发布时间】：2016-01-1020:55:02【问题描述】：$(document).ready(function()$(".counter-alert-box").hide();$(\'.scheme-checkbox\').on("... 查看详情

使用 CSS 显示和隐藏具有不同父级的 div 元素

】使用CSS显示和隐藏具有不同父级的div元素【英文标题】：DisplayandhidedivelementswithdifferentparentsusingCSS【发布时间】：2016-08-3114:05:18【问题描述】：我已经在howtohideadivwithcss上查看了问题和后续答案，但如果不同元素不在同一个父... 查看详情

控制页面元素的显示和隐藏

...if>标签控制页面元素的显示和隐藏说明：本文的重点在使用后者实现实例：　　医嘱类型分为：长嘱，临嘱，中医三种，页面默认只显示长嘱信息，点击临嘱或中医显示对应信息；选中变色。CSS部分：/*医嘱：长嘱，临嘱，中... 查看详情

css实现控制元素的显示和隐藏

1使用label+input实现元素的隐藏和显示以下代码点击‘菜单’可以实现li列表的显示和隐藏：<styletype="text/css">*{margin:0;padding:0;}input,ul{display:none;}input:checked~ul{display:block;}</style><body>　　<la 查看详情

如何使用 ExtJS 显示/隐藏/切换元素？

】如何使用ExtJS显示/隐藏/切换元素？【英文标题】：HowtoShow/Hide/ToggleElementwithExtJS?【发布时间】：2010-11-0203:11:33【问题描述】：【问题讨论】：【参考方案1】：非常简单，在元素级别（进一步到下面的cmets）：Ext.get("my-div");my-div... 查看详情

jquery效果-显示和隐藏淡入淡出滑动隐藏

.../显示的速度，可以取以下值："slow"、"fast"或毫秒您可以使用toggle()方法来切换hide()和show()方法。parents找到每个span元素的所有祖先元素。$("span").parents()找到每个span的所有是p元素的祖先元素。$("span").parents("p")1<script>2$ 查看详情

当我在 SVG 中将鼠标悬停时，如何显示和隐藏同级元素？

...seoverinSVG?【发布时间】：2021-05-1501:12:38【问题描述】：我使用了SVG文件，它是带有两个分割的圆形，当我将鼠标悬停在选定区域上时，我想显示和隐藏文本。当我鼠标悬停时我确实显示了文本，但是当我隐藏它时它仍然不起作用... 查看详情

使用 CSS 过渡隐藏/显示带有 add/removeClass 的元素

】使用CSS过渡隐藏/显示带有add/removeClass的元素【英文标题】：hide/showelementwithadd/removeClasswithCSStransition【发布时间】：2015-05-2315:09:04【问题描述】：我想用CSS过渡隐藏/显示带有addClass和removeClass函数动画的元素。我尝试过这种方... 查看详情

Cordova 在显示初始屏幕期间隐藏状态栏

】Cordova在显示初始屏幕期间隐藏状态栏【英文标题】：Cordovahidestatusbarduringshowsplashscreen【发布时间】：2017-01-1108:30:43【问题描述】：通过插件cordova-plugin-splashscreen显示的闪屏。但是当应用程序启动并显示启动画面时，状态栏并... 查看详情

关于元素隐藏/显示的各种方法

　　元素的隐藏/显示可以说数使用频率最高的方法之一，比如二级菜单，响应式布局，透明过度等等许许多多的特效都会使用到，以下介绍一下元素隐藏的各属性以及他们的特性和使用方法：display visibility opacity overf... 查看详情

使用 Vue.js (cdn) 在特定元素上切换显示/隐藏

】使用Vue.js(cdn)在特定元素上切换显示/隐藏【英文标题】：Toggleshow/hideonspecificelementwithVue.js(cdn)【发布时间】：2019-05-2515:10:45【问题描述】：我正在使用Vue.js(cdn)和axios从heroku和mlab获取内容。我想显示列表中对象的一些信息，并... 查看详情

css元素的显示和隐藏

CSS元素的显示和隐藏1.displaydisplay:none;  //隐藏元素 ，隐藏元素后，不再占据原先的位置display:block;  //显示隐藏的元素 做一个简单的代码测试，有两个按钮，点击开的按钮，div标签的dispaly属性改为block，显... 查看详情

jquery中使元素显示和隐藏方法之间的区别

...介绍jquery各个元素隐藏方法之间的区别。1、show()和hide()使用hide()方法隐藏元素实际上是同时减少元素的高度、宽度以及不透明度，直到这三个属性为0，最后设置元素的css属性disolay:none。show() 查看详情

jQuery animate() 通过左右滑动来隐藏和显示元素

...【发布时间】：2011-03-1723:00:48【问题描述】：我正在尝试使用jQuery制作动画。更新我让它按照我想要的方式工作。这是jQuery：$(document).ready(function()//gochatbutton$(\'#go-c 查看详情

jquery显示隐藏

主要用到了JQuery的slideToggle()方法slideToggle()方法通过使用滑动效果（高度变化）来切换元素的可见状态。如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。代码及效果如图所示（其中div和p标签... 查看详情

jquery与css控制元素的隐藏和显示的几种方法

使用jquery控制div的显示与隐藏，一句话就能搞定，例如：1.$("#id").show()表示为display：block，  $("#id").hide()表示为display:none;2.$("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，则切... 查看详情