小编Yas*_* B.的帖子

如何在离子内的离子含量中插入标签

始终使用令人敬畏的框架Ionic来开发我的移动应用程序.一切似乎都很好.

我想为我的应用添加一些特别的内容.我想在离子内容中加入标签.

我正在使用按钮栏标签.我不确定这是否是正确的解决方案.

我还想让你知道我在我的应用程序中使用了标签工具,所以在我的app.js中我有一些导航标签的代码.所以我不知道如何能够为另一个页面添加另一个.

我的代码:

CODEPEN

这就是我想要的:

我想要的截图

这里有一些我的代码:

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

javascript css tabs ionic-framework ionic-view

13
推荐指数
2
解决办法
2万
查看次数

如何以编程方式打开jQuery Mobile弹出窗口并在5秒后关闭它

我想以编程方式打开一个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)

JSFIDDLE DEMO

html javascript popup jquery-mobile

9
推荐指数
2
解决办法
3万
查看次数

如何在javascript上获取今天,明天和昨天的日期

我试图以这种格式获取当前日期和明天的日期以及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)

javascript date

8
推荐指数
1
解决办法
2万
查看次数

离子标签导航问题

我正在使用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)

angular-ui-router ionic-framework

7
推荐指数
1
解决办法
675
查看次数

如何使用jQuery Mobile或Javascript在Web应用程序上下拉页面刷新

我正在开发一个简单的Web应用程序,我想让用户能够刷新页面,下拉刷新东西,比如android或iOs.

刷新它只会导致重新加载页面:

location.reload();
Run Code Online (Sandbox Code Playgroud)

我想使用jQuery Mobile或Javascript.

html javascript jquery jquery-mobile

6
推荐指数
1
解决办法
9976
查看次数

如何制作最大宽度文本并跳转到下一行

我面临一个小问题.我无法解决它.我正在使用令人敬畏的Ionic框架来构建一个不错的应用程序.尝试使用列表项.我正在设置文本的最大宽度,我想测试跳转到下一行,这不起作用,我正在使用word-wrap: break-word;

我的文字看起来像那样:

在此输入图像描述

我希望文本跳到下一行.

这是:CODEPEN CODE + DEMO

css ionic-framework

5
推荐指数
2
解决办法
4854
查看次数

如何制作离子内容滚动

这可能是一个愚蠢的问题,但这确实令人头疼.

我无法使内容可滚动,我没有添加任何内容,我无法无缘无故滚动.

我刚开始一个新的页面,我正在动态填充列表,但我面临的问题是我无法滚动

这是我的完整代码:

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

javascript jquery angularjs ionic

3
推荐指数
2
解决办法
2万
查看次数

如何使用按钮栏作为导航选项卡离子

使用令人敬畏的离子框架,我正在使用按钮栏,如下图:

在此输入图像描述

但我希望当我按下一个按钮时,它应该保持按下而其他按钮关闭,当我按下第二个时,它会保持按下而其他按下.

像这样 :

在此输入图像描述

这是代码:

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

html javascript angularjs ionic-framework ionic

1
推荐指数
1
解决办法
6646
查看次数