小编Raj*_*ing的帖子

如何为 Ionic 中的每个图像加载添加一个微调器

我正在尝试加载图像列表，并在加载每个图像时显示微调器。

这就是我所拥有的，但没有看到如何在加载每个图像时添加微调器，而不是在加载时看到空白屏幕

<div ng-repeat="i in data| filter: { tags: tag } " class='wrapper' id="homeImg">
    <!-- wrapper div -->

    <!-- image -->
    <a href="#/information"> <img class="ng-cloak" style="float:left; display:inline-block; overflow:hidden; border: 1px;" class="fill_image" src='{{ i.picture }}' style width="100%" style height="100%" ng-click="disableClick('{{ i.firebase_url }}')" /> </a>
    <!-- description div -->
    <div class='description'>
        <!-- description content -->
        <p class='description' style="float: left">
            {{i.title }}
        </p>
        <p class='description' style="float: right">
            {{i.location}}
        </p>

        <!-- end description content -->
    </div>
    <!-- end description div -->
</div>

Run Code Online (Sandbox Code Playgroud)

html javascript angularjs ionic-framework

Doo*_*ler

2016 06-13

5
推荐指数

1
解决办法

4230
查看次数

刷新后 setTimeout 是否有效？

我有如下脚本。如果我在（3 分钟）之前刷新页面setTimeout，get_details 函数调用是否有效？

setTimeout(function() {
    get_details(user);
}, 18000);

Run Code Online (Sandbox Code Playgroud)

javascript jquery settimeout

Raj*_*ing

lucky-day

2
推荐指数

1
解决办法

4817
查看次数

具有可滚动内容的角度材料md卡

我有一个md卡,由md-header和可滚动的md-card-content组成.随着可滚动内容越来越高,标题由于某种原因变得越来越小.卡的宽度可以改变,并且标题可能会缠绕到2或3行,因此标题上的最小高度不是解决方案.最新的IE和Chrome存在问题,而不是FF.

单击"添加5行"按钮几次以查看标题缩小

http://plnkr.co/edit/wgBKnXh7FSn1VLO8mST0?p=preview

<html>
    <head>
        <title>angular material</title>
        <link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
    </head>
    <body ng-app="app" ng-controller="ctrl" layout="column" layout-fill>
        <md-card style="height: 200px; width: 500px">
            <md-card-header style="border-bottom: 1px solid grey">
                <md-card-header-text>
                    <span class="md-title">Long Header Long Header Long Header Long Header Long Header Long Header Long Header Long Header </span>
                </md-card-header-text>
            </md-card-header>
            <md-content-card style="overflow-y: auto" >
                <ul>
                    <li ng-repeat="x in getArray() track by $index"></li>
                </ul>

            </md-content-card>
        </md-card>
        <button style="width: 200px" ng-click="addRows()">
            Add 5 Rows
        </button>
        <!-- Angular Material Dependencies -->
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-animate.js"></script>
        <script …

Run Code Online (Sandbox Code Playgroud)

html css angular-material

Ale*_*x03

2016 06-18

2
推荐指数

1
解决办法

8598
查看次数

如何仅显示非空行

我有一个小的PHP mysql查询查看我的数据库中的表.它会拉动所有行,然后回显记录.

问题是我在表中有一些空行,所以我得到的是一个奇怪的记录.

这就是我得到的:

<?php
    $con = mysql_connect("localhost","username","password");
    if (!$con){
        die('Could not connect: ' . mysql_error());
    }
    mysql_select_db("username", $con);
    $result = mysql_query("SELECT * FROM wallnames2011 WHERE firstname IS NOT NULL");
    while($row = mysql_fetch_array($result)){
        echo $row['firstname'] . " - " . $row['city'] . ", " .$row['state'] . " &nbsp;|&nbsp; ";
    }
?>

Run Code Online (Sandbox Code Playgroud)

我想保留空行.

php mysql fetch

Tik*_*L13

2016 05-19

0
推荐指数

1
解决办法

8988
查看次数

禁用自动播放并使用HTML5视频显示控件

我有一个可用的HTML5视频,但我遇到的问题是每当我在浏览器中看到视频时它立即开始播放.如何禁用自动播放功能？我已尝试使用该属性autoplay="false",但没有结果.

并且控件总是隐藏的,我必须右键单击并单击"显示控件"以弹出控件.我也尝试用这个来实现:showcontrols="true"但是也没有反应.

所有帮助表示赞赏.以下是我的代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>hls.js</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            .hlsjs {
                position: relative;
                width: 70%;
            }
            .ratio {
                position: absolute;
                padding-top: 75%;
            }
            video {
                background-color: #ccc;
                width: 100%;
            }
        </style>
        <script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
        <script>
            window.onload = function() {
                if (Hls.isSupported()) {
                    var video1 = document.getElementById("video1");
                    hls1 = new Hls({
                        debug : true
                    }), hls1.on(Hls.Events.MEDIA_ATTACHED, function() {
                        hls1.loadSource("http://fdfasd.com/fdsa.m3u8");
                    });
                    hls1.attachMedia(video1);
                }
            };
        </script>
    </head>
    <body>
        <h1>hls.js</h1>
        <h2>First instance</h2>
        <div class="hlsjs"> …

Run Code Online (Sandbox Code Playgroud)

javascript jquery html5

San*_*hah

2016 05-31

0
推荐指数

1
解决办法

2948
查看次数