javascript - Jade 条件语句无法正常工作

标签 javascript html pug

我有一个像这样的mixin:

  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>

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

最佳答案

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

关于javascript - Jade 条件语句无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34509634/

相关文章:

javascript - Bootstrap 仪表板

javascript - 如何为对象制作过滤器?

html - 本地存储数据库可以在不同的 Chrome 扩展程序之间交叉访问吗?

javascript - 如何在表格行中填充图像?

node.js - 部分未在 Jade 中定义

node.js - 如何使用 Jade 渲染 3 个最新的 Mongo 项目

javascript - 刷新 AJAX 内容时保持 jquery 动画

html - 在 Bootstrap 网格中制作一个粘性 div

node.js - Jade 中元素的动态宽度

javascript - Illustrator - 在文本路径脚本中批量插入文件名会使 Illustrator 崩溃