始终使用令人敬畏的框架Ionic来开发我的移动应用程序.一切似乎都很好.
我想为我的应用添加一些特别的内容.我想在离子内容中加入标签.
我正在使用按钮栏标签.我不确定这是否是正确的解决方案.
我还想让你知道我在我的应用程序中使用了标签工具,所以在我的app.js中我有一些导航标签的代码.所以我不知道如何能够为另一个页面添加另一个.
我的代码:
这就是我想要的:
这里有一些我的代码:
<body>
<div>
<ion-header-bar class="bar-stable">
<button class="button button-clear button-positive" href="index.html">Retour</button>
<h1 class="title">Détails</h1>
</ion-header-bar>
<ion-content>
<div class="item item-divider" style="height:45px">
<div style="display:inline-block; left:10px; position:absolute;">
<h5>Competiton</h5>
<h5>14th journey</h5>
</div>
<div style="display:inline-block; right:10px; position:absolute;">
<h5>25 MAI 2015</h5>
<h5>18:00</h5>
</div>
</div>
<div class="item item-text-wrap" style="height:100px">
<img src="http://upload.wikimedia.org/wikipedia/en/6/6a/Zte_Football_Club_Logo_90.png" style="width:55px; height:55px; position:absolute; left:10px; top:12px">
<img src="http://upload.wikimedia.org/wikipedia/en/6/6a/Zte_Football_Club_Logo_90.png" style="width:55px; height:55px; position:absolute; right:10px; top:12px" >
<h4 style="position:absolute; left:10px; top:70px">ASROME</h4> <h4 style="position:absolute; right:10px; top:70px">LAZIO</h4>
<h4 style="position:absolute; left:150px; top:35px">3</h4> <h4 style="position:absolute; right:150px; top:35px">2</h4>
</div>
<div …
Run Code Online (Sandbox Code Playgroud) 我想以编程方式打开一个jQuery Mobile弹出窗口,然后在几秒后关闭它,这是我的代码:
有什么不对,因为我没有得到我想要展示的东西
$( "#p" ).popup( "open" );
setTimeout( function(){ $( "#p" ).popup( "close" ); }, 5000 );
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
<div data-role="popup" id="p" data-position-to="window" data-transition="turn"><p>This is a completely basic popup, no options set.</p></div>
Run Code Online (Sandbox Code Playgroud)
我试图以这种格式获取当前日期和明天的日期以及yesteday的日期 2015-05-21
我已经使这些功能运行得很好,但我想了解你的观点,我不是javascript专家,所以我想确保它能在我的应用程序上正常运行.
function gettodaydate() {
var d = new Date();
var date=""+d.getFullYear()+"-"+d.getMonth()+"-"+d.getDate();
return date;
}
function gettomorrowdate() {
var d = new Date();
var date=""+d.getFullYear()+"-"+d.getMonth()+"-"+(d.getDate()+1);
return date;
}
function getyesterdaydate() {
var d = new Date();
var date=""+d.getFullYear()+"-"+d.getMonth()+"-"+(d.getDate()-1);
return date;
}
Run Code Online (Sandbox Code Playgroud) 我正在使用Ionic框架和IU路由器为您的第一个Web应用程序提供更好的导航.
这里有一个简单的架构,因此您可以轻松地了解结构:
我面临的问题是,当我在标签之间导航时,我无法保持状态.例如.当我进入下一个标签并单击下一个视图并按回车键,然后我导航到第一个按钮,当我回到第二个标签时,我看不到我离开的相同状态.
我无法解决这个问题.
这是一个DEMO:PLUNKER DEMO + CODE
这是我的州代码:
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('live.today', {
url: '/today',
views: {
today: {
templateUrl: 'today_live.html',
}
}
})
.state('live.yesterday', {
url: '/yesterday',
views: {
yesterday: {
templateUrl: 'yesterday_live.html'
}
}
})
.state('live.tomorrow', {
url: '/tomorrow',
views: {
tomorrow: {
templateUrl: 'tomorrow_live.html'
}
}
})
.state('match.composition', {
url: '/composition',
views: {
view: {
templateUrl: 'composition.html'
}
}
})
.state('match.resume', {
cache: false,
url: '/resume',
views: {
view: {
templateUrl: 'resume.html'
}
} …
Run Code Online (Sandbox Code Playgroud) 我正在开发一个简单的Web应用程序,我想让用户能够刷新页面,下拉刷新东西,比如android或iOs.
刷新它只会导致重新加载页面:
location.reload();
Run Code Online (Sandbox Code Playgroud)
我想使用jQuery Mobile或Javascript.
我面临一个小问题.我无法解决它.我正在使用令人敬畏的Ionic框架来构建一个不错的应用程序.尝试使用列表项.我正在设置文本的最大宽度,我想测试跳转到下一行,这不起作用,我正在使用word-wrap: break-word;
我的文字看起来像那样:
我希望文本跳到下一行.
这可能是一个愚蠢的问题,但这确实令人头疼.
我无法使内容可滚动,我没有添加任何内容,我无法无缘无故滚动.
我刚开始一个新的页面,我正在动态填充列表,但我面临的问题是我无法滚动
这是我的完整代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
</head>
<body ng-app="starter">
<ion-content>
<div ng-controller="customersCtrl">
<div class="list">
<div ng-repeat="m …
Run Code Online (Sandbox Code Playgroud)使用令人敬畏的离子框架,我正在使用按钮栏,如下图:
但我希望当我按下一个按钮时,它应该保持按下而其他按钮关闭,当我按下第二个时,它会保持按下而其他按下.
像这样 :
这是代码:
<div class="button-bar">
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
Run Code Online (Sandbox Code Playgroud) javascript ×6
html ×3
angularjs ×2
css ×2
ionic ×2
jquery ×2
date ×1
ionic-view ×1
popup ×1
tabs ×1