Jade条件语句无法正常工作

时间:2015-12-29 11:02:20

标签: javascript html pug

我有这样的混音:

  mixin res-nav(items, type)
      if type === 1
          ul
            each item, key in items
              - if (typeof(item.liClass) === 'undefined') item.liClass = ''
              - if (typeof(item.urlClass) === 'undefined') item.urlClass = ''
              li(class='h_menu_iconss' + item.liClass)
                +link(item.title, item.href, item.text)(class='h_menu_link' + item.urlClass)
                if (typeof(item.itemsMenu) !== 'undefined')
                  +nav(item.itemsMenu, 2)
      if type ===2
          ul(class="submenu")
            each item, key in items
              - if (typeof(item.liClass) === 'undefined') item.liClass = ''
              - if (typeof(item.urlClass) === 'undefined') item.urlClass = ''
              li(class='subitem' + item.liClass)
                +link(item.title, item.href, item.text)(class='h2_menu_link' + item.urlClass)

当我使用它时,如果type等于2,则mixin只输出原始的 ul li 元素,而不会像这样将任何类集成到它们中:

 <ul>
      <li><a href="#">Accommodation</a>
      </li>
      <li><a href="#">Adult Educatoin</a>
      </li>
      <li><a href="#">Children</a>
      </li>
      <li><a href="#">Cuisine</a>
      </li>
      <li><a href="#">Culture</a>
      </li>
      <li><a href="#">Destinations</a>
      </li>
      <li><a href="#">Exploring</a>
      </li>
      <li><a href="#">Exploring</a>
      </li>
      <li><a href="#">Getting Around</a>
      </li>
      <li><a href="#">Health &amp; Beauty</a>
      </li>
      <li><a href="#">Rules &amp; Regulations</a>
      </li>
      <li><a href="#">Shopping</a>
      </li>
      <li><a href="#">Sports &amp; Excercise</a>
      </li>
      <li><a href="#">Work &amp; Business</a>
      </li>
      <li><a href="#">Miscellaneous</a>
      </li>
    </ul>

有什么建议吗?非常感谢你的帮助!

1 个答案:

答案 0 :(得分:0)

我意识到我在这里犯了一个错误: + nav(item.itemsMenu,2)必须更改为 + res-nav(item.itemsMenu,2) 哇,非常感谢你的帮助! :)