我正在构建一个小节点应用程序,并使用Express with Jade和Stylus来呈现一些基本的HTMl页面.
我很好奇是否有办法让我将一些变量传递给从Node生成的.styl文件?我很清楚我可以在.styl文件中定义变量,但我需要更加动态.具体来说,我正在寻找一种简单的方法来存储数据库中的一些颜色,让节点获取这些值,然后将它们插入到.styl文件中,以便在页面呈现时传递这些变量.看起来应该这样做但是我缺乏细节.任何帮助表示赞赏.谢谢!
我遇到了一个(bug?)今天最新版本的jQuery,我的递归循环动画背景位置不再有效.请看这个例子:
(这与版本1.9一起使用) http://codepen.io/bonpixel/pen/qLkgt
删除cdn jquery并使用codepen bootstrap jquery(版本1.10.0),它不再循环.我在jquery 2.0.1中看到了相同的结果.它似乎特别是 - =或+ =我用于背景定位的问题?就好像用于计算新位置的值在动画之后(或期间)不会更新.
有什么想法吗?
(编辑添加静态代码)
HTML
<div class="blue"><div>
Run Code Online (Sandbox Code Playgroud)
CSS
.blue{
width: 100px;
height: 190px;
background: transparent;url(http://2.bp.blogspot.com/-6xJXVFMdC64/TckciX_eI7I/AAAAAAAAAEc/IYORj5mZXiY/s1600/wlk01.gif) 0 0 repeat-x;
}
Run Code Online (Sandbox Code Playgroud)
JS
var backgroundSlidingLeft = function () {
$('.blue').animate({
'background-position-x': '-=100px',
'background-position-y': '0px'
}, 1000, 'linear', backgroundSlidingLeft);
};
backgroundSlidingLeft();
Run Code Online (Sandbox Code Playgroud)