小编Ama*_*yla的帖子
获取CSS中的属性值
我有这个HTML代码:
<div data-width="70"></div>
我想在CSS中设置它的宽度等于data-width属性的值,例如:
div {
width: [data-width];
}
我看到这是在某个地方完成的,但我记不住了.谢谢.
推荐指数
解决办法
查看次数
NODE_ENV =生产时忽略错误处理程序
我正在使用Node/Express构建一个简单的REST API,当我将其部署到生产环境时,我很难.什么时候NODE_ENV=development,一切都按预期工作.我找回了JSON错误和正确的状态代码.什么时候NODE_ENV=production,我只返回一个带有默认错误消息的HTML页面,而不是其他任何内容.我可以读取状态代码,但我需要访问完整的JSON有效负载以更好地识别错误.这是我的代码:
import Promise from 'bluebird'; // eslint-disable-line no-unused-vars
import express from 'express';
import config from './config';
import routes from './routes';
import { errorMiddleware, notFoundMiddleware } from './middlewares/error.middleware';
import mongoose from './config/mongoose.config';
// create app
const app = express();
(async () => {
// connect to mongoose
await mongoose.connect();
// pretty print on dev
if (process.env.NODE_ENV !== 'production') {
app.set('json spaces', 2);
}
// apply express middlewares
app.use(express.json());
// register v1 routes
app.use('/v1', routes);
// catch …推荐指数
解决办法
查看次数
jQuery 鼠标进入/离开
我在 html 中有这个代码：
<div class="sub-status">
<p class="subscribed"><i class="icon-check"></i> Subscribed</p>
</div>
在悬停时，我希望将其更改为：
<div class="sub-status">
<p class="unsubscribe"><i>X</i> Unsubscribe</p>
</div>
而且，我在 jQuery 中有这个代码：
$(document).ready(function() {
$('.sub-status').mouseenter(function() {
$(this).html("<p class='unsubscribe'><i>X</i> Unsubscribe</p>");
});
$('.sub-status').mouseleave(function() {
$('this').html("<p class='subscribed'><i class='icon-check'></i> Subscribed</p>");
});
});
第一个功能很好用。当我将鼠标悬停在那个 div 上时，它会更改为我想要的，但是 mouseleave 不起作用。我希望当我将鼠标移出那个 div 时，它的数据会恢复到以前的状态。我不能让这个工作。任何帮助，将不胜感激。
谢谢。
推荐指数
解决办法
查看次数
承诺完成后如何向帮助者注入服务？
我正在开发一个简单的 Ember 应用程序，它从 API 检索所有语言字符串。我已经使用一种translate()方法设置了一个服务，并将该服务注入到一个帮助程序中。问题是我想使用它的属性在助手中不可用，因为当它被使用时，承诺还没有兑现。从服务加载后，如何访问助手中的属性？
服务（应用程序/服务/i18n.js）：
export default Ember.Service.extend({
locales: null,
init() {
this._super();
Ember.$.getJSON('/api/recruiting/locales').then(function (response) {
this.set('locales', response.data);
}.bind(this));
},
translate(key) {
// This causes the problem: locales property has not been loaded yet at this point
return this.get('locales.' + key);
}
});
助手（app/helpers/translate.js）：
export default Ember.Helper.extend({
i18n: Ember.inject.service(),
compute(params/*, hash*/) {
var i18n = this.get('i18n');
return i18n.translate(params[0]);
}
});
推荐指数
解决办法
查看次数
Swiper jQuery滑块
我在我的项目中使用名为Swiper的jQuery滑块.
http://www.idangero.us/sliders/swiper/
我是编程新手(js/jquery).我希望执行一个函数,一些jquery代码更具体,只要滑块的第一张幻灯片处于活动状态.我认为他们的API使这成为可能,但我不知道如何使用.如果有人可以提供帮助,我会很感激.这是他们的API:
http://www.idangero.us/sliders/swiper/api.php
谢谢.
推荐指数
解决办法
查看次数
jQuery和Twitter Bootstrap进度条
我有这个代码:
<div class="progress">
<div class="bar" style="width: 0%;"></div>
</div>
我应该怎么做,所以当我点击网站某处的按钮时,宽度将在特定时间内从0到100,并产生加载进度条的效果？
谢谢.
推荐指数
解决办法
查看次数
如何在保持相同图像背景的同时在div中创建div
我在第一个div上有一个图像背景.然后我想要一个div(这里为了方便橙色背景显示)和另一个带有注释的"上面"框(称为"注释框").
问题是我不希望"橙色区域"的内容显示在它之下.
以下是我目前的情况:
我当前代码的问题是我在"橙色区域"div中放置的一些内容会在评论框下面,这很难看.
这是一个jsfiddle:http://jsfiddle.net/uu0xe2xL/1/:
HTML
<body class='example-page'>
<div id="content">
<div class="page-main-image" >
</div>
<!--div with orange background -->
<div id="orange-zone">
</div>
<!-- comment box -->
<div class="comment-box comment" style="opacity: 1;">
xxx it's cool to comment<br/>
nice one dude
</div>
</div>
</body>
CSS
html {
height:100%;
}
body.example-page {
height:100%;
}
#content {
height: 100%;
margin-top: 18px;
@media (max-width: 767px) {
margin-top: 9px;
}
}
.page-main-image {
height: 100%;
background: url('http://www.thedrum.com/uploads/drum_basic_article/115509/main_images/BBCb.jpg'); background-size: cover; background-repeat: no-repeat;
} …推荐指数
解决办法
查看次数
需要通过从属性中获取值来为元素指定宽度
我有这个HTML代码:
<div class="skills">
<div class="skill">
<span>Photoshop</span>
<div class="bar" data-percent="80">
<div></div>
</div>
</div>
<div class="skill">
<span>Illustrator</span>
<div class="bar" data-percent="20">
<div></div>
</div>
</div>
<div class="skill">
<span>Wordpress</span>
<div class="bar" data-percent="30">
<div></div>
</div>
</div>
<div class="skill">
<span>Joomla</span>
<div class="bar" data-percent="65">
<div></div>
</div>
</div>
</div>
而这个jQuery代码:
var width = $('.bar').attr('data-percent');
$('.bar > div').css('width', width + "%");
现在它获取.bar'sdata-percent属性的第一个值,例如40,并将其作为CSS样式传递,例如width: 40%,但它仅采用第一个.bar的属性,并将相同的宽度应用于所有其他元素.我希望它为每个属性获取属性,并为每个属性分配宽度.
推荐指数
解决办法
查看次数
getTimeInMillis()为相同的日期返回不同的值
我想我不理解getTimeInMillis().我一直以为毫秒时间戳代表一个日期,但就我而言,它让我有所不同.在这里,我使用一种方法向数组添加时间戳,如下所示:
Calendar date = Calendar.getInstance();
date.set(2015, 9, 25, 12, 0);
timeArray.push(date.getTimeInMillis());
在代码的其他部分,我在相同的日期做同样的事情:
Calendar date2 = Calendar.getInstance();
date2.set(2015, 9, 25, 12, 0);
不幸的是,这种比较返回false:
timeArray.get(0) == date2.getTimeInMillis();
这两个值不应该是真的吗？或者也许我已经明白这个getTimeInMillis()方法错了？如果是这样,我怎样才能以其他方式实现我想要做的事情呢？
推荐指数
解决办法
查看次数