Grails: HTML锚定在嵌套的每个循环中

Question

我正在用Grails编写一个常见问题链接的项目，该项目将在顶部有一个部分，用户将在其中单击问题链接，它将带他们到下面的问题/答案部分，然后允许他们返回顶部。我以前在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，则可以将其用作锚，而不是问题本身。