小编cod*_*nja的帖子

Bootstrap 3警报被动画解雇

有没有办法让bootstrap中的被解雇警报有一个像淡出的动画?

我将类添加.fade到代码中:

 <div class="alert alert-info fade alert-dismissable">
      <p><b>Gracias</b> por ponerte en contacto! Responderé a tu correo lo más pronto posible.</p>
 </div>
Run Code Online (Sandbox Code Playgroud)

但它不起作用.任何帮助将不胜感激!

html jquery html5 twitter-bootstrap twitter-bootstrap-3

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

ngSmoothScroll angular指令不起作用

我正在使用以下指令https://github.com/d-oliveros/ngSmoothScroll使该项目中的内容顺利滚动到所选元素.

这是我的代码:

...
<!-- build:js(.) scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/angular-animate/angular-animate.js"></script>
    <script src="bower_components/angular-aria/angular-aria.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="bower_components/angular-messages/angular-messages.js"></script>
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="bower_components/angular-touch/angular-touch.js"></script>
    <!-- endbower -->
    <!-- endbuild -->
    <script src="bower_components/ngSmoothScroll/dist/angular-smooth-scroll.min.js"></script>
        <!-- build:js({.tmp,app}) scripts/scripts.js -->
        <script src="scripts/app.js"></script>
        <script src="scripts/controllers/initcontroller.js"></script>
        <!-- endbuild -->
        <script src="scripts/libs/materialize.min.js"></script>
        <script src="scripts/libs/angular-materialize.js"></script>
</body>
...
Run Code Online (Sandbox Code Playgroud)

这就是脚本包含(~/angular-smooth-scroll.min.js)在我的app.js文件中我所拥有的:

angular
  .module('sccateringApp', [
    'ngAnimate',
    'ngAria',
    'ngCookies',
    'ngMessages',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ui.materialize',
    'smoothScroll'
  ])
Run Code Online (Sandbox Code Playgroud)

'smoothScroll'作为项目的实际依赖包含.按照本文开头给出的链接中的说明,这是我在视图中所做的: …

javascript angularjs angularjs-directive

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

将LESS文件编译为CSS Bootstrap 3

我有一个LESS文件,我想编译以用作我的bootstrap主题.我怎么编译呢?有没有可以做到这一点的地方?

较少的FILE来自http://bootswatchr.com/但是当我点击链接获取CSS并选择缩小版本或完整版本时,没有任何反应.

我有左窗格中的LES文件,有没有办法可以编译它?

css less bootswatch twitter-bootstrap-3

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

验证BigQuery表是否存在

我有一个简单的函数来确定表是否存在:

def check_users_usersmetadata_existence():
    """
    Checks if the table Prod_UserUserMetadata exists
    """
    app_id = get_app_id()
    bigquery_client = bigquery.Client(project=app_id)
    dataset_ref = bigquery_client.dataset('Backup')
    table_ref = dataset_ref.table('Prod_UserUserMetadata')
    try:
        table = bigquery_client.get_table(table_ref)
        if table:
            print('Table {}\'s existence sucessfully proved!'.format(table_ref))
            return True
    except HttpError as error:
        raise
        print('Whoops! Table {} doesn\'t exist here! Ref: {}'.format(table_ref, error.resp.status))
        return False
Run Code Online (Sandbox Code Playgroud)

问题是,它在这一行上抛出404,这table = bigquery_client.get_table(table_ref)是好的,因为该表不应该存在.但它不会继续处理脚本的其余部分.我试图在try except包装器中解析它,但它不起作用.我该怎么解析这个?

python google-bigquery

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

从JSON中选择随机对象

我有以下代码:

$.getJSON('js/questions1.json').done(function(data){
        window.questionnaire = data;
        console.log(window.questionnaire);
        startGame();
    });
Run Code Online (Sandbox Code Playgroud)

这会从服务器中带来一个json并将其记录到变量中.在此之后,我想选择questions.json文档中的随机问题:

function pickRandomQuestion(){
        window.selectedquestion = window.questionnaire[Math.floor(Math.random * window.questionnaire.length)];
        console.log(window.selectedquestion);
        console.log(window.questionnaire);
    }
Run Code Online (Sandbox Code Playgroud)

但是,当console.log()selectquestion变量没有返回时,它是未定义的.我的代码有问题吗?我已经三倍检查它,我看到它没什么不好,但它可能只是我和我一起玩游戏.

以下是json的外观:

"q1" : {
        "question" : "This country is one of the largest wine-producing countries of the world, where wine is grown in every region of the country. Which country is this?",
        "a"        : "France",
        "b"        : "Italy",
        "c"        : "Germany",
        "d"        : "Australia",
        "corrrect" : "b"
    },
    "q2" : {
        "question" : "What is the name for …
Run Code Online (Sandbox Code Playgroud)

javascript random jquery json

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

如何从头开始制作jquery滑块

我在工作申请中被要求从头开始制作jQuery滑块插件.

我刚毕业时是一名计算机科学工程师,说实话,我从未在大学里接受关于jQuery的教育.完全没有.

我知道的很少,是因为我阅读了文档并进行了一些实验.

但是jQuery滑块与我目前的能力相差甚远.

我正在github上阅读这篇文章http://rafbm.github.io/howtomakeaslider/这很有说服力,但是仍然只是复制代码(顺便说一句,我完全不了解),因为我是什么需要/想要的是了解如何做一个.

关于我已经完成的小型自由职业,这很容易,因为我只是寻找插件,但现在我意识到我需要开始学习如何自己制作这些,并且最好先做一个滑块.

我需要什么?就像我在阅读时一样,我应该创建一个滑块类并为next(),prev()和goTo()滑动方法创建方法.问题在于,对于我所听到的,javascript/jQuery不是一种纯粹的OOP语言,而且它的完成方式不同.

将图像存储在数组中需要的基本内容是什么,知道当前位置并滑动到下一个/上一个?

非常感谢帮助.我的HTML和CSS标记如下:

        <!DOCTYPE html>
        <html>
        <head>
            <meta charset="utf-8">
            <title>Slider Plugin</title>
            <style type="text/css">
                a{
                    text-decoration: none;
                    color: black;
                    text-align: center;
                }
                .slider{
                    width: 300px;
                    height: 200px;
                    overflow: hidden;
                    float: left;
                }
                .slider > ul{
                    position: relative;
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    -webkit-transition: 0.5s left;
                    -moz-transition: 0.5s left;
                    -ms-transition: 0.5s left;
                    -o-transition: 0.5s left;
                }
                .slider > ul li img{
                    width: 300px;
                    height: 200px;
                    overflow: hidden;
                }
                .img-thumb-container > ul{
                    list-style: none; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

使div覆盖视口的整个可见部分

这是一个示例,让您了解我想要实现的目标:Startup Framework

我想做一个div覆盖视口的整个当前可见部分,就像div上链接显示的视频一样.

我正在努力完成类似的事情,但目前我无法真正实现这一目标.这是我到目前为止:小提琴

100%在第一个div 使用高度的地方.

body{height: 100%; width: 100%;}
.special-jumbotron{height: 100%; width: 100%; background: url(http://www.desktopwallpaperhd.net/wallpapers/17/7/cool-background-wallpaper-keyboard-abstract-other-177639.jpg) center center fixed; background-size: cover; color: #ddd; text-shadow: 3px 4px #333;}
Run Code Online (Sandbox Code Playgroud)

我正在集思广益,如何实现这种效果,但到目前为止还没有任何工作,我没有想法.任何帮助将非常感激.

html css css3 twitter-bootstrap-3

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

Bootstrap 3导航栏锚元素在活动/焦点状态下未正确设置样式

我正在使用bootstrap作为UI的前端框架,目前,我正在尝试自定义CSS.一切都很好,除了一个小细节:

在此输入图像描述

不知道为什么会这样.我认为这是:active所述链接的属性,但是,当我尝试应用:activecss规则时,它不会得到修复.这是html和css:

<nav class="navbar navbar-SwitchHon navbar-fixed-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#SwitchHon-main-navbar">
                        <span class="sr-only">Toggle Navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img src="img/brand-switchhon.png"></a>
                </div>
                <div class="collapse navbar-collapse" id="SwitchHon-main-navbar">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#"><i class="fa fa-users"></i> Inicio</a></li>
                        <li><a href="#"><i class="fa fa-newspaper-o"></i> Productos y Servicios</a></li>
                        <li><a data-toggle="modal" data-target="#modalContact"><i class="fa fa-envelope-o"></i> Contactanos</a></li>
                        <li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
                    </ul>
                </div>
            </div>
        </nav>
Run Code Online (Sandbox Code Playgroud)

和css:

.navbar-SwitchHon{
    background-color: #34495e;
    border-radius: 0px;
    font-size: 1.1em;
    border-bottom: 0px;
} …
Run Code Online (Sandbox Code Playgroud)

html css css3 twitter-bootstrap

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

垂直居中div的内容

这是我到目前为止:

http://jsfiddle.net/yisera/2aVpD/

我需要在.jumbotron-special容器内垂直居中.

我尝试使用display: table;他的父元素,然后使用display:table-cell子元素(H1和H2的元素),但到目前为止没有运气,我已经没有想法了.我不想使用绝对定位,因为这需要响应,并且随着分辨率变小,布局误入歧途.

任何想法如何将它集中到jumbotron父div?

html css vertical-alignment css3 twitter-bootstrap

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

什么 在读取和解释URL时在php中表示

我的系统运作完美,我的问题主要是学术性的.

这是我的情况.我为这家公司建了一个服务台.

帮助台通过添加一个来模拟URL

~.php?id=123
Run Code Online (Sandbox Code Playgroud)

我可以通过使用超全局GET从该URL中的id获取值,然后根据URL上显示的ID显示正确的解决方案.

$value_of_id = $_GET('id');
Run Code Online (Sandbox Code Playgroud)

我从来不明白,下面的网址中的问号是什么意思.

http://myhost.php?id=123-abc
Run Code Online (Sandbox Code Playgroud)

如果知道这个理论的人能够解释我的意思,我会非常感激.

php

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

数组中类型为graphql的对象的GraphQL字段

我在这里定义了一个graphQL对象:

const graphql = require('graphql');
const { GraphQLObjectType } = require('graphql');

const ProductType = new GraphQLObjectType({
    name: 'Product',
    description: 'Product GraphQL Object Schemal Model',
    fields: {
        productId: { type: graphql.GraphQLString },
        SKU: { type: graphql.GraphQLString },
        quantity: { type: graphql.GraphQLFloat },
        unitaryPrice:  { type: graphql.GraphQLFloat },
        subTotal: { type: graphql.GraphQLFloat },
        discount: { type: graphql.GraphQLFloat },
        totalBeforeTax: { type: graphql.GraphQLFloat },
        isTaxAplicable: { type: graphql.GraphQLBoolean },
        unitaryTax: { type: graphql.GraphQLFloat },
        totalTax: { type: graphql.GraphQLFloat }
    }
});

module.exports.ProductType = …
Run Code Online (Sandbox Code Playgroud)

node.js graphql graphql-js

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

在PHP中上传的图像没有获得文件扩展名

文件已上载并移动到正确的位置,但文件将变为无法识别的文件类型 (type="file")

这是我的脚本:

//choose name for picture
$__img_name = "";
$query = "SELECT MAX(number) FROM post";
$stmt = $con->prepare($query);
$stmt->execute();
$stmt->bind_result($number);
$rows = $stmt->num_rows;
if($rows > 0){
    $__img_name = $number;
} else{
    $__img_name = 1;
}

//moving file to specific place
$__route = '../app/images/uploads/';
$validextensions = array("jpeg", "jpg", "png");
$temp = explode(".", $_FILES["image"]["name"]);
$extension = end($temp);
if ((($_FILES["image"]["type"] == "image/jpeg")
    || ($_FILES["image"]["type"] == "image/jpg")
    || ($_FILES["image"]["type"] == "image/png"))
    && in_array($extension, $validextensions)
) {
    move_uploaded_file($_FILES['image']['tmp_name'], $__route . $__img_name . $extension);
} …
Run Code Online (Sandbox Code Playgroud)

php

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