Question

我确定我错过了一些小事。我在快递中玩jade模板。我试图尝试使用块和扩展。出于某种原因，我的阻止不起作用。这是玉石模板：

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

index.jade

扩展布局

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（＆＃39; colOne＆＃39;）？我试过了，我得到了我的索引和布局页面，但仍然没有colOne。另外，这将如何引用colTwo？

**最后一面注意，我的引导列也没有工作..哈。编辑：**列正在工作，我只是将chrome检查员打开到宽...前端开发...

我搞砸了哪里？

Answer 1

首先建议在bootstrap js文件之前添加jquery。第二

我知道您想将colOne和Coltwo渲染到索引的col-md-6 div中。要做到这一点，你不必在colOne和colTwo中扩展索引。这样你就可以向colOne添加索引而不是相反。

正确的方法是： index.jade

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

希望这有帮助

玉块无法渲染

1 个答案: