Tag: 帕格
无法在导航栏中看到标签文字
即时通讯在JADE中使用下面的代码，我没有看到导航栏中的标签文本，这里可能是什么问题，我尝试玩没有成功的缩进我猜我缺less一些basic.please协助 html head title= title link(rel="stylesheet", href="bootstrap.min.css") link(rel='stylesheet', href='//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap-theme.min.css') script(src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js') body div nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation') .container .navbar-header button.navbar-toggle(data-toggle='collapse', data-target='#bs-example-navbar-collapse-1') span.sronly span.icon-bar span.icon-bar span.icon-bar #bs-example-navbar-collapse-1.collapse.navbar-collapse ul.nav.navbar-nav li a(href='/recipes/bbq') Tab1 li a(href='/recipes/bbq') Tab2 div.container block content 这里是js小提琴http://jsfiddle.net/jo1nnrp4/3/ 这是视图，我想在导航栏中看到tab1＆tab2，并将到达文本放在灰色区域，我该怎么做？ 更新 html head title= title link(rel="stylesheet", href="bootstrap.min.css") link(rel='stylesheet', href='//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap-theme.min.css') script(src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js') body div nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation') .container .navbar-header button.navbar-toggle(data-toggle='collapse', data-target='#bs-example-navbar-collapse-1') span.sronly span.icon-bar span.icon-bar span.icon-bar […]
翡翠模板不按预期显示页面
我使用Node.js＆express，并为我使用翡翠模板的视图，我想要的是testing文本将在底部的黑色导航栏下，目前我无法这样做（它隐藏在黑色的导航栏我怎么能把它移到底部），我在这里错过了什么？ 我把分区 这是玉-Layout.jade的代码 html head title= title link(rel="stylesheet", href="bootstrap.min.css") link(rel='stylesheet', href='//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap-theme.min.css') script(src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js') body nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation') .container .navbar-header button.navbar-toggle(data-toggle='collapse', data-target='#bs-example-navbar-collapse-1') spansronly span.icon-bar span.icon-bar span.icon-bar #bs-example-navbar-collapse-1.collapse.navbar-collapse ul.nav.navbar-nav li a(href='/recipes/bbq') Tab1 li a(href='/recipes/bbq') Tab2 div.container block content 这是内容的扩展布局 扩展布局 块内容.jumbtroon h1 ='testing' 我把div.container放在第一个div的相同位置 这是呈现的HTML <html> <head> <title> Arrivals </title> <link href="bootstrap.min.css" rel="stylesheet"></link> <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet"></link> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> […]
警告：意外的块“脚本”翡翠
我写了一个如下所示的玉文件： extends layout block content h1= title p Welcome 123 to #{title} block scripts script(src='/socket.io/socket.io.js') script(src='/javascripts/client.js') 但是，当我运行我得到以下警告： Warning: Unexpected block "scripts" This block is never used. This warning will be an error in v2.0.0 Warning: Unexpected block "scripts" This block is never used. This warning will be an error in v2.0.0 我的Package.json文件的版本是~1.9.0 但是，当Jade版本是~1.8.2时，这是有效的 可能是什么问题呢？
通过res.render在翡翠中插入html
将纯html插入Jade有一点问题。 我用db存储html格式的文本。 路由器将这些数据发送到玉模板。 目前输出的HTML我收到的是： <p>some text</p> <p>some text</p> 在玉模板中，我用这种方式获取数据： | #{content} div #{content2} 路由器通过这种方式发送： admin.query("SELECT * FROM `Article` WHERE `ArticleId` = " + req.params.id + ";", function (err, data) { res.render('static.jade', { 'title' : data[0].ArticleTitle, 'page_title' : data[0].ArticleTitle, 'content' : data[0].ArticleContent, 'content2' : data[0].ArticleContent }); }); 我希望有办法解决这个问题。 这将是一个很大的问题，在数据库中存储玉格式的文本。 关心任何帮助。
防止Jade压扁文件夹结构
我一直在尝试使用NPM脚本来实现一个构build解决scheme，而不是像Gulp / Grunt / etc这样： http : //substack.net/task_automation_with_npm_run和here： http : //blog.keithcirkel.co.uk/how使用-npm-as-a-build-tool / 。 不过，我正在努力整合一个干净而明智的方法来pipe理构build过程中的众多Jade文件。 Jade CLI支持传递一个目录并输出所有深度嵌套的Jade文件。 然而，这是非常好的，这完全平坦的文件夹结构。 理想情况下，我希望在维护目录结构的同时让Jade输出结果。 最好的办法是什么呢？ 示例文件夹结构： package.json src/ foo.jade bar/ baz.jade qux.jade 运行jade src -o build输出： package.json build/ foo.html baz.hmtl qux.html src/ 代替： package.json build/ foo.html bar/ baz.html qux.html src/
如何将jade定义为node.js Express中的全局variables？
现在下面的路由function工作： exports.summary = function(req, res, next) { var jade = require('jade'); res.render('myView', { main: jade.renderFile('./views/summary.jade') }); }; 正如你所看到的，每当路由function被触发时，variables“jade”在本地定义。 这可能是一个性能问题。 每当我试图在全球范围内定义玉，我收到一条错误消息，说玉没有定义。 有没有办法让我在全球界定“玉”？
如何在Jade中反向循环迭代？
ul.blogpostGrid for child in page.get('/posts').children a(href=child.url): li.col.span_1_of_4 h2 #{child.title} div.imgThumb(style='background-image: url(#{child.url}thumb.jpg);') p #{child.excerpt} For循环目前按照创build的升序显示博客post。 我怎样才能扭转显示他们的顺序？ 是否有反向function？ 如果是的话，在这方面如何实施呢？ 我正在使用木材cms。 https://github.com/studiomoniker/woods
如何在Express中使用Jade的CoffeeScriptfilter？
我很难理解如何在Express / Jade中实现filter。 我发现的大部分结果都使用了早已弃用的Express和/或Jade的老版本。 我有一些代码需要在我的Jade网页中内联。 但是，当我去运行Express服务器时，我运行这个页面，inline :coffee-scriptfilter被渲染为文本，如下所示： Page Render 。 这是我的index.jade页面： doctype html html head meta(name="viewport", content="width=device-width, initial-scale=1.0") link(href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css", rel="stylesheet") body .container h1 Denon AVR X1000 remote .row .col-md-3 h2 Status dl.horizontal dt Connected dd#data-connected Not connected dt Power dd#data-power … dt Input dd#data-input … dt Volume dd(id="data-volume") … .col-md-9 h2#data-info-title … pre#data-info script(src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js") script(src="/socket.io/socket.io.js") […]
处理variables通过jade中的nodejs发送
我有一个脚本发送一个matrix，像[[1,2,3,4], [7,6,5,4], [2,3,4,5]] 。 当我发送它使用res.send(JSON.stringify(dataArray)); 并用h1#results显示它的h1#results我确实看到格式是正确的。 不过，我想在谷歌图表中使用这些数据。 我的直觉会说这样的数据： data.addRows = results; 。 但事实并非如此，因为玉不明白我的意思是variables发送。 我怀疑我不了解玉背后的一些基本原理。 据我所知，大部分的jade / html是固定的，只有“脚本”标签内的代码才能被执行，但据我所见，谷歌function drawChart() {)所有代码都在脚本标签内。 编辑 我新的ajax脚本： $(function() { $('#search').on('keyup', function(e){ if(e.keyCode === 13) { var parameters = { search: $(this).val()}; $.get('/seraching', parameters, function(data) { $('#results').html(data); console.log('parsing json'); var chartData = (data); console.log(chartData[0]) drawChart(chartData, parameters.search); }); } }); }）;
在玉器中修改一个inheritance的模板
我对模板和模板中存在的一些更复杂的function是新颖的。 截至目前，我正在使用节点和玉build立一个模拟投资组合网站。 我有一个由所有其他玉文件inheritance的布局。 它的布局中包含了所有的通用站点导航。 我想要突出显示用户目前在哪个网站的部分。我目前正在通过具有一个独特的js文件，当用户在一个特定的部分时加载。 这个js文件将添加一个类到列表项中，在这个列表项中将突出显示添加到导航栏中。 我的问题，我是否需要创build和加载这些js文件来完成这个？ 有一个更好的方法来获得一个通用的导航在一个模板中，同时拥有一个独特的荧光笔吗？
