- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是 apache cordova 的新手,我正在使用 jquery mobile 和 nativedroid2 制作数据收集应用程序。我使用的代码是这样的:
<!DOCTYPE html>
<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
-->
<html>
<head>
<!--
Customize this policy to fit your own app's needs. For more guidance, see:
https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
Some notes:
* gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
* https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
* Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
* Enable inline JS: add 'unsafe-inline' to default-src
-->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/nativedroid2.css">
<link rel="stylesheet" type="text/css" href="css/waves.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<title>Sales | DocNme</title>
</head>
<body>
<!-- <div class="app">
<h1>Apache Cordova</h1>
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready</p>
</div>
</div>
-->
<div data-role = "page" id = "page-1">
<div data-role = "header">
</div>
<div data-role = "main" class = "ui-content">
</div>
<div data-role = "footer" data-position="fixed" style="border:none;">
<div align="center" style = "position:relative;"><img src="img/load.GIF" height="50" width="50"></div>
<p align="center" style="position:relative;">Loading...</p>
</div>
</div>
<div data-role = "page" id = "page-2">
<div data-role="header" data-position="fixed" data-tap-toggle="false">
<!--<img class="logo" src="img/logoTagline.png"/>-->
<span class="logo"></span>
</div>
<div role="main" class="ui-content wow fadeIn" data-wow-delay="0.5s">
<h3>Sign In</h3>
<div id="signin-error-msg" class="ui-bg clr-bg-red">
<i class="zmdi zmdi-alert-triangle"></i> <span id="signin-error-msg-text"></span>
</div>
<label for="signin-username">User Name:</label>
<input type="text" name="signin-username" id="signin-username" value="" placeholder="user@domain.com" />
<label for="signin-password">Password:</label>
<input type="password" name="signin-password" id="signin-password" value="" placeholder="Enter your password here..." />
<div class="row center-xs">
<div class="col-xs">
<div class="box">
<a href="#page-3" class="ui-btn ui-btn-raised">Sing In</a>
</div>
</div>
</div>
<a href="#page-4" class="ui-btn
ui-btn-inline
ui-btn-fab
ui-btn-fab-bottom
ui-btn-raised
clr-primary waves-effect waves-button waves-effect waves-button"></a>
</div>
</div>
<div data-role = "page" id = "page-3" class="nd2-no-menu-swipe">
<div data-role = "header" data-position="fixed" data-tap-toggle="false" style="background-color:rgb(60,190,205)">
<!-- <div class="col-sm-4 col-xs-6" data-name="arrow-back">
<div class="box"> -->
<a href="#page-2" class="ui-btn ui-btn-left"><i class="zmdi zmdi-refresh"></i></a>
<!-- </div>
</div>
-->
<ul data-role="nd2tabs" data-swipe="false">
<li data-tab="friends">Friends</li>
<li data-tab="work" data-tab-active="true">Work</li>
</ul>
</div>
<div data-role="main" class="ui-content wow fadeIn" data-inset="false" data-wow-delay="0.2s">
<div data-role="nd2tab" data-tab="friends">
<!-- <nd2-ad data-banner="sample.banner"></nd2-ad> -->
<ul data-role="listview" data-icon="false">
<li data-role="list-divider">
Friends
</li>
<li>
<a href="#">
<img src="img/smile.png" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Ethel Chancy</h2>
<p>ehtel.chancy@example.com</p>
</a>
</li>
<li>
<a href="#">
<img src="img/smile.png" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Lorean Gainer</h2>
<p>lorean87@mail.com</p>
</a>
</li>
<li>
<a href="#">
<img src="img/smile.png" class="ui-thumbnail ui-thumbnail-circular" />
<h2>Juliet Gieseke</h2>
<p>flowerpower69@rainbow.com</p>
</a>
</li>
</ul>
</div>
<div data-role="nd2tab" data-tab="work">
<!-- <nd2-ad data-banner="sample.banner"></nd2-ad> -->
<ul data-role="listview" data-icon="false">
<li data-role="list-divider">
Work
</li>
<li>
<a href="#">
<img src="img/smile.png"/>
<h2>Ethel Chancy</h2>
<p>ehtel.chancy@example.com</p>
</a>
</li>
<li>
<a href="#">
<img src="img/smile.png"/>
<h2>Lorean Gainer</h2>
<p>lorean87@mail.com</p>
</a>
</li>
<li>
<a href="#">
<img src="img/smile.png"/>
<h2>Juliet Gieseke</h2>
<p>flowerpower69@rainbow.com</p>
</a>
</li>
</ul>
</div>
</div>
</div>
<div data-role = "page" id = "page-4">
page 4
</div>
<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/waves.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/nativedroid2.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
在上面的代码中,我试图在 id = "page-3"
的 div
标题部分中显示的图标没有显示在屏幕。请帮帮我。提前致谢。 the image会在我突出显示的红色圆圈内显示刷新图标,但那里什么也没有
最佳答案
在您的 CSS 包含的末尾添加此引用。
href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css"
关于css - 在使用 jquery mobile 和 nativedroid2 的 apache cordova 中,按钮没有显示为图标。我如何向他们展示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37359908/
$.mobile.pageContainer 是指包含其他虚拟页面的元素。它设置为 .所以我认为它可以改变。实际上,某些 JQM 方法 (changePage) 允许您为页面指定非默认页面容器。 J
如何在移动设备上更改方向时触发事件。 调整大小 在 iPod Touch 上运行良好,但在使用 Opera mobile 作为浏览器的移动设备上运行良好。 有关如何在 Opera mobile 上触发
我想为我拥有的装有 Windows Mobile 2003 的设备开发一些应用程序,但我不想为此寻找 Visual Studio 2003 的副本。我想知道是否可以将 Mobile 6 SDK 用于此
我试图阻止 jQuery Mobile 在调用 changePage 时隐藏加载微调器。 程序流程是这样的,从点击一个链接开始,它的点击事件定义如下: $('body').delegate('.lib
我想为运行 Windows Mobile 5 的扫描仪开发应用程序。 MSDN 站点说要下载最新的 SDK(Windows Mobile 6 Professional SDK)。这会起作用还是我应该下
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the he
我正在尝试使用 Jquery mobile 创建弹出菜单,通过单击按钮,它应该在不更改页面的情况下弹出菜单选项,类似于 jquery mobile 的选择菜单。在 JQM 中有没有办法做到这一点? 谢
在移动设备中,当我打开我的页面并选择一个输入框时,虚拟键盘打开,页面自动滚动以将输入框置于中心。 我不想要这个 Action 。 我搜索了很多答案,其中大多数建议在调整大小事件中手动调用以下 java
jQuery 移动列表中是否可以有多个拆分按钮? 我试过这样做: 1 但它不起作用。将链接包装在 中也不行.我做错了什么,
我想从我的 .js 文件中打开 .html 文件。所以我使用了 $.mobile.changePage("file.html")。在file.html 中有file.js。但是 file.js 在调用
我们有许多使用 Windows Mobile 6 的用户,需要应用较小的更改。例如。更新注册表设置。一种选择是使用我们的设备管理软件推送和执行可执行文件。 我希望这对熟悉 VBScript/JScri
我在PHP网站上有一个日期字段,并且我正在使用jQuery Mobile作为移动网站。 在移动浏览器(例如android上的firefox mobile)上浏览网站时,单击日期文本输入时,会出现日历对
我正在构建一个PhoneGap + JQuery Mobile应用程序,但似乎无法阻止它通过双击放大。我按照http://www.tricedesigns.com/2012/01/17/mobile-
随着 jQuery Mobile 1.3 的到来,.navigate()已添加功能。我听说这是更改页面的推荐方法,似乎他们解决了在页面之间传输数据的问题。 问题是,既然已经简化了,我该如何访问 cha
我想得到一个 input文本区域和 submit按钮附在它的右侧。 理想情况下,两者将使用 100% 的宽度并且并排放置。 我一直在尝试玩弄ui-grid-a和类似的选择,但一切都失败了。你可以看到一
我正在使用 jquery-mobile,我有这两个按钮: Pro: Reset 我希望它们并排显示(内联)。但我想不通。我做了this但它不起作用。你能帮我吗 ?这是我的 CSS:
我正在为 Windows Mobile 6.5 (Samsung Omnia II i8000) 开发 native 应用程序。进行一些更改后,我的应用程序在运行时挂起。 问题是我的应用程序也在启动期
有没有办法从周围和图标中删除背景光盘(圆圈)?我找到的光盘的唯一引用如下 background: rgba(0,0,0,.4) /*{global-ic
jQuery 移动版虽然在很多方面都很棒,但有时也令人沮丧。在这种情况下,我试图动态创建库中非常好的按钮之一。 基本上我想要做的是在输入字段中输入文本,当按下空格键时,它会创建一个带有文本的 jQue
我想在我的第 2 页上显示标题。使用以下内容是否有效: "> .... ? 最佳答案 这取决于你定义什么为“有效”
我是一名优秀的程序员,十分优秀!