Node.js 特快专递及;Jade-max块嵌套
我使用Express 3x+Jade+bootstrap+等 我的块/扩展结构如下所示 .layout.jade(仅头部填充物)Node.js 特快专递及;Jade-max块嵌套,node.js,express,block,pug,nested,Node.js,Express,Block,Pug,Nested,我使用Express 3x+Jade+bootstrap+等 我的块/扩展结构如下所示 .layout.jade(仅头部填充物) .topNav.jade(仅顶部导航) .sideNav.jade(sideNav与控制中心接口) .slidePrem.jade(实际内容) 现在我尝试重新渲染slidePrem ->这将呈现sidenav、topnav和layout(因此“extends”语句将从slideprem中读取) 但它不会显示slidePrem的任何内容 因此,经过数小时的重新编码、搜索
.topNav.jade(仅顶部导航)
.sideNav.jade(sideNav与控制中心接口)
.slidePrem.jade(实际内容)
现在我尝试重新渲染slidePrem ->这将呈现sidenav、topnav和layout(因此“extends”语句将从slideprem中读取) 但它不会显示slidePrem的任何内容 因此,经过数小时的重新编码、搜索、重新管理等
. 我将结构重写为slideprem->sidenav->layout ->这将呈现slideprem、sidenav和布局 ->>>那么,嵌套块实际上有限制吗?
->它是可编辑的吗?
->或者你能想象其他地方的错误吗 问候鼠兔 编辑:
//slidePrem.jade//
扩展../sideNav
砌块墙
#布拉(或警觉或某事)
//玉石//
扩展topNav
块内容
#副标题
#分目导航
#内容//与“块内容”不冲突
分区集装箱
分区行
第9分区
砌块墙
第3分部
//进一步代码
//玉石//
扩展布局
块导航
div.topnav。。。。。
分区。。。
...
块内容
#模态
//杰德//
doctype 5
html
头
头衔
链接(rel='stylesheet',href='0)http://fonts.googleapis.com/css?family=Titillium+Web&subset=拉丁语,拉丁语ext',type='text/css')
链接(rel='stylesheet',href='/bootstrap/css/bootstrap.min.css')
链接(rel='stylesheet',href='/bootstrap/css/bootstrap responsive.min.css',media=“screen”)
链接(rel='stylesheet',href='/stylesheets/style.css')
链接(rel='stylesheet',href='/stylesheets/cCenter.css')
脚本(src='/javascripts/jq.js')
脚本(src='/bootstrap/js/bootstrap.min.js')
脚本(src='/javascripts/core.js')
脚本(src='/javascripts/ajax.js')
身体
块导航
您应该尝试使用包含而不是扩展
因此,您可以尝试您的布局。jade:
html
head
(...)
body
block navigation
在你的navigation.jade块中
extends layout
block navigation
.topnav (div aren't required in jade)
(...)
include content
你的内容。jade只需要
#subHeader
#subHeadNav
#Content //doesnt conflict with "block content"
div.container
div.row
div.span9
include wall
div.span3
如果这还不够清楚,您可以在项目的GitHub页面上找到所有
我希望这会有帮助。你能粘贴一些代码吗?至少你的结构?你能分享错误吗?plz。根本没有错误-它只是忽略了我呈现的模板。在许多情况下,需要深度扩展嵌套,因此这并不能回答是否有限制的问题。
#subHeader
#subHeadNav
#Content //doesnt conflict with "block content"
div.container
div.row
div.span9
include wall
div.span3