Question

我无法让jade文件正确地相互扩展。这是我的index.jade文件：

!!! 5
html(lang='en')
  head
   ... scripts and stuff here...
  body
    include navbar
    div.cont
      div#row-fluid
        a.slice#four(href="#fourbox")
          div.subwindow
            block blog

在同一目录中，我有一个名为blog.jade的文件，其中包含以下代码：

extends index

block blog
  .container-fluid(style="height:100%;")
      body(style="margin:0px;padding:0px;overflow:hidden")
        iframe(src="http://website.com", frameborder="0", style="overflow:hidden;height:100%;width:100%", height="100%", width="100%")

当我在express中运行我的服务器时，索引会加载，但无法使用正确的内容填充#four。我在这段代码中做错了吗？

Answer 1

麻烦在服务器端导致你的玉石看起来很好：

试试app.get('/', ...);

res.render('blog', { ... })

不

res.render('index', { ... })

P.S。你有两个身体标记body(style="margin:0px;padding:0px;overflow:hidden")

如果您的索引总是包含博客文件：

尝试删除这些行@ blog.jade

extends index

block blog

并更改@ index.jade

block blog ---> include blog

玉石布局未能延伸

1 个答案: