Question

我的模板看起来像

      each question in instruction.questions
        article
          div.question-div
            div.question-text
              | #{question.num}.
              !=question.questionText

渲染时，它看起来像

<article>
  <div class="question-div">
    <div class="question-text">36.
      <p>Since I can’t alter my nature, I guess I’ll just terrify you.</p>
    </div>
    <ol type="A">
      <li>Since I can’t alter my nature, I guess I’ll just terrify you.</li>
      <li>Since I can't alter my nature</li>
      <li>guess I’ll just terrify you.</li>
      <li>none of the choices</li>
    </ol>
  </div>
  <div class="answer-div"><small>answer</small></div>
  <div class="clear"></div>
</article>

我不确定为什么它会在<p> div中添加额外的question-text标记。有什么想法吗？我希望它没有缓冲，因为那里有HTML。

Answer 1

如果您想要带有问号的文字。试试这个：

div.question-text
    | #{question.num}. !=question.questionText

或者你可以试试这个：

div.question-text
    | #{question.num}.
    | !=question.questionText

我从未使用过！= ...但我认为你正在使用玉石在客户端自动生成你的布局......你也可以试试这个：

div.question-text
    | #{question.num}.=question.questionText

但是当你在没有“！”的客户端使用时我认为不会起作用......

希望其中一个提示可以帮到你。

问题是Jade没有确定

    !=question.questionText

同一行...

由于某种原因，Jade正在添加<p>标记

1 个答案: