Question

我在Grails of faq链接中编写了一个项目，在顶部会有一个用户单击问题链接的部分，然后将它们带到下面的问题/答案部分，然后让他们返回到最佳。我以前在HTML中做过这个，但之前从未将这些类型的锚点放入循环中。只是想知道我是否接近正确。：）

锚标签本身是否也需要迭代？例如，我需要能够点击顶部的问题＃1并知道它将带我到底部的正确问题/答案。现在我只有一些短的常见问题需要测试，所以很难看到一旦我在那里得到一堆将会发生什么...... 这是我到目前为止所拥有的......

<div class="panel-body">
    <g:each in="${...FaqCategory.list()}" var="faqCategory">
        <p><b>${faqCategory.categoryType}</b></p>
        <a name="top"></a>
        <g:each in="${Faq.findAllByFaqCategory(faqCategory)}" var="faq" status="i">
            <p>${i+1}. <a href="#question">${faq.question}?</p></a>
        </g:each>
    </g:each>
    <p></p>

    <g:each in="${...FaqCategory.list()}" var="faqCategory">
        <p><b>${faqCategory.categoryType}</b></p>
        <g:each in="${Faq.findAllByFaqCategory(faqCategory)}" var="faq" status="i">
            <a name="question"><p>${i+1}. ${faq.question}?</p></a> 
            <ul><p>Answer: ${faq.answer} &nbsp; &nbsp; &nbsp; &nbsp; [<a href="#top">return to top</a>]</ul></p>
        </g:each>
    </g:each>
    <p></p>     
</div>

Answer 1

您可能希望它如下所示：

<div class="panel-body">
    <g:each in="${...FaqCategory.list()}" var="faqCategory">
        <p><b>${faqCategory.categoryType}</b></p>
        <a name="top"></a>
        <g:each in="${Faq.findAllByFaqCategory(faqCategory)}" 
                var="faq" status="i">
            <p>${i+1}. <a href="#${faq.question}">${faq.question}?</p></a>
        </g:each>
    </g:each>
    <p></p>

    <g:each in="${...FaqCategory.list()}" var="faqCategory">
        <p><b>${faqCategory.categoryType}</b></p>
        <g:each in="${Faq.findAllByFaqCategory(faqCategory)}" 
                var="faq" status="i">
            <a name="${faq.question}"><p>${i+1}. ${faq.question}?</p></a> 
            <ul><p>Answer: ${faq.answer} 
                   &nbsp; &nbsp; &nbsp; &nbsp; 
                   [<a href="#top">return to top</a>]</p></ul>
        </g:each>
    </g:each>
    <p></p>     
</div>

请注意两个锚标记的更改。另请注意，如果您有ids的相应问题可以用作锚点而不是问题本身。

Grails：嵌套每个循环内部的HTML锚点

1 个答案: