我确定我错过了一些小东西。我在玩翡翠模板。我正在尝试使用块和扩展。由于某种原因,我的区块无法正常工作。这是玉模板:

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


希望这可以帮助

09-28 03:02