我确定我错过了一些小东西。我在玩翡翠模板。我正在尝试使用块和扩展。由于某种原因,我的区块无法正常工作。这是玉模板:
layout.jade
doctype html
html
head
title= title
link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
link(rel='stylesheet', href='/stylesheets/style.css')
script(src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js')
script(src='/javascripts/bootstrap.min.js')
body
block content
玉器
扩展布局
block content
header
section
h1 Hello
p.
This is my first jade template
How incredibly exciting!
main
div(class="row")
div(class="col-md-6")
block colOne
div(class="col-md-6")
block colTwo
colOne.jade
extends index
block colOne
section
p.
this will be col one
colTwo.jade
extends index
block colTwo
section
p.
this will be the second col.
index.jade正在成功扩展layout.jade。但是colOne和colTwo没有被渲染。
我尝试将视图选项设置为{layout:false},但未做任何更改。
路由器只是指向index.jade文件:
router.get('/', function(req, res, next) {
res.render('index', { title: 'Express Mon'});
});
我还看到我应该渲染链中最低的那个。这就是为什么我渲染索引而不是布局。这是否意味着我必须res.render('colOne')?我尝试了一下,但得到了索引和布局页面,但仍然没有colOne。另外,这个参考如何colTwo?
**最后一点,我的引导程序列也不起作用..哈。
编辑:**列正在工作,我只是将chrome inspector打开了...前端开发人员...
我在哪里弄糟?
最佳答案
首先建议在引导js文件之前添加jquery。
第二
我了解您想将colOne和Coltwo呈现到索引的col-md-6 div中。为此,您不必在colOne和colTwo中扩展索引。那样,您无需向colOne添加索引。
正确的方法是:
玉器
main
div(class="row")
div(class="col-md-6")
include colOne //include ../folder/filename.jade
div(class="col-md-6")
include colTwo
colOne和colTwo.jade
去掉
extends index.jade
希望这可以帮助