有没有办法让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)
但它不起作用.任何帮助将不胜感激!
我正在使用以下指令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'作为项目的实际依赖包含.按照本文开头给出的链接中的说明,这是我在视图中所做的: …
我有一个LESS文件,我想编译以用作我的bootstrap主题.我怎么编译呢?有没有可以做到这一点的地方?
较少的FILE来自http://bootswatchr.com/但是当我点击链接获取CSS并选择缩小版本或完整版本时,没有任何反应.
我有左窗格中的LES文件,有没有办法可以编译它?
我有一个简单的函数来确定表是否存在:
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包装器中解析它,但它不起作用.我该怎么解析这个?
我有以下代码:
$.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) 我在工作申请中被要求从头开始制作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) 这是一个示例,让您了解我想要实现的目标: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)
我正在集思广益,如何实现这种效果,但到目前为止还没有任何工作,我没有想法.任何帮助将非常感激.
我正在使用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) 这是我到目前为止:
http://jsfiddle.net/yisera/2aVpD/
我需要在.jumbotron-special容器内垂直居中.
我尝试使用display: table;他的父元素,然后使用display:table-cell子元素(H1和H2的元素),但到目前为止没有运气,我已经没有想法了.我不想使用绝对定位,因为这需要响应,并且随着分辨率变小,布局误入歧途.
任何想法如何将它集中到jumbotron父div?
我的系统运作完美,我的问题主要是学术性的.
这是我的情况.我为这家公司建了一个服务台.
帮助台通过添加一个来模拟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)
如果知道这个理论的人能够解释我的意思,我会非常感激.
我在这里定义了一个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) 文件已上载并移动到正确的位置,但文件将变为无法识别的文件类型 (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)