Джейд миксин требует дополнительного элемента
Это компилируется, но если я удаляю div
в самом конце он выдает ошибку. Я использую кодекит для компиляции. Что я не получаю здесь? Почему это дополнительно div
иметь значение?
mixin ListItemDetail(labels,values)
.listItemSection
.listItemDetailWrap
.listItemDetail #{labels[0]} :
.listItemDetail #{values[0]}
.listItemDetailWrap
.listItemDetail #{labels[1]} :
.listItemDetail #{values[1]}
.listItemDetailWrap
.listItemDetail #{labels[2]} :
.listItemDetail #{values[2]}
mixin ListItem()
.listItem
.listItemSection
h2 48 barrels of Kansas Common by 00/00/0000
small Ellsworth County, Kasas, 38.4500° N 96.5333° W
mixin ListItemDetail(['Start Date', 'End Date', 'Pickup Deadline'], ['00/00/0000', '00/00/0000', '00/00/0000'])
mixin ListItemDetail(["Bulletin", "Grade", "Join Deadline"], ["Plains", "Light Crude", "00/00/0000"])
mixin ListItemDetail(["API", "BS&W", "Sulfur"], ["48°", "4%", "0.1%"])
div
это ошибка, которая возникает в журнале кодеков, если этот финал div
пропал, отсутствует:
/Applications/CodeKit.app/Contents/Resources/engines/jade/lib/runtime.js:173
throw err;
^
Error: /Users/isaac/Radiant/DemandPoint/dpe-grails/web-app/jade/Elements/ListItem.jade:23
21| mixin ListItemDetail(["API", "BS&W", "Sulfur"], ["48°", "4%", "0.1%"])
22|
> 23|
1 ответ
Решение
Ваш код работает нормально для меня. В вашем примере кода вы не используете миксин ListItem
, хоть. Может быть, некоторые отступы не так. Вы могли бы даже упростить свой код и использовать итерацию:
mixin ListItemDetail(labels,values)
each label,i in labels
.listItemSection
.listItemDetailWrap
.listItemDetail #{label} :
.listItemDetail #{values[i]}
mixin ListItem
.listItem
.listItemSection
h2 48 barrels of Kansas Common by 00/00/0000
small Ellsworth County, Kasas, 38.4500° N 96.5333° W
mixin ListItemDetail(['Start Date', 'End Date', 'Pickup Deadline'], ['00/00/0000', '00/00/0000', '00/00/0000'])
mixin ListItemDetail(["Bulletin", "Grade", "Join Deadline"], ["Plains", "Light Crude", "00/00/0000"])
mixin ListItemDetail(["API", "BS&W", "Sulfur"], ["48°", "4%", "0.1%"])
mixin ListItem // use your mixin here