2013-05-19 59 views
3

我使用快車3倍+翡翠+引導+ ..等快速玉石 - 最大塊嵌套

我的塊/擴展結構看起來像這樣

.layout.jade(只頭的東西)
。 topNav.jade(僅限頂級NAV)
.sideNav.jade(sideNav和控制中心界面)
.slidePrem.jade(實際內容)

現在我嘗試水庫呈現slidePrem

- >這使它sidenav,topnav,佈局(這樣的「擴展」被讀出slideprem聲明)

,但它不會顯示slidePrem中的任意內容

了太多的時間重新編碼後,搜索,重新分配等
。我重寫結構slideprem - > sidenav - >佈局

- >這使它slideprem,sidenav,佈局

- >>>那麼,有沒有真正的嵌套塊的限制嗎?
- >它是可編輯的嗎?
- >或cld你想象其他地方的錯誤?

問候鼠兔

編輯:

//slidePrem.jade// 

extends ../sideNav 
block wall 
    #bla (or alert or sth) 


//sideNav.jade// 

extends topNav 
block content 
#subHeader 
#subHeadNav 
#Content //doesnt conflict with "block content" 
    div.container 
     div.row 
      div.span9 
       block wall 
      div.span3 
            // further code 



//topNav.jade// 

extends layout 
block navigation 
    div.topnav..... 
     div... 
      ... 
    block content 
    #modal 


//layout.jade// 

doctype 5 
html 
head 
    title= title 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

    link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=Titillium+Web&subset=latin,latin-ext', type='text/css') 
    link(rel='stylesheet', href='/bootstrap/css/bootstrap.min.css') 
    link(rel='stylesheet', href='/bootstrap/css/bootstrap-responsive.min.css', media="screen") 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    link(rel='stylesheet', href='/stylesheets/cCenter.css') 

    script(src='/javascripts/jq.js') 
    script(src='/bootstrap/js/bootstrap.min.js') 
    script(src='/javascripts/core.js') 
    script(src='/javascripts/ajax.js') 
body 
    block navigation 
+0

你能粘貼一些代碼嗎?至少你的結構? – brnrd

+0

你能分享錯誤plz。 – jmingov

+0

沒有任何錯誤 - 它只是忽略了我渲染的模板 – Pika

回答

2

你應該嘗試工作包括,而不是延伸

所以,你可以嘗試爲您layout.jade:

html 
    head 
    (...) 
    body 
    block navigation 

而在你navigation.jade塊

extends layout 

block navigation 
    .topnav (div aren't required in jade) 
    (...) 
    include content 

你content.jade只需要那麼

#subHeader 
#subHeadNav 
#Content //doesnt conflict with "block content" 
div.container 
    div.row 
     div.span9 
     include wall 
     div.span3 

如果這還不夠清楚,你可以在項目的GitHub頁面找到所有的include documentation

我希望它能幫上忙。

+0

有很多情況下需要深度擴展嵌套,因此這不會回答是否存在限制的問題。 – Soviut