Html 跳转到其他网页上的thymeleaf迭代部分
我尝试跳转到另一页上的某个部分,该部分是Html 跳转到其他网页上的thymeleaf迭代部分,html,hyperlink,thymeleaf,Html,Hyperlink,Thymeleaf,我尝试跳转到另一页上的某个部分,该部分是th:each循环中的一个条目 我在一个页面上有一个学生姓名列表,单击该列表将进入一个页面,其中包含每个用户的更多信息: 在另一页上,为我的每个用户提供了额外信息: [${student.name}]] [${student.age}]] ... 比如说在列表的第一位有一个叫罗伯特的人,在第二十位有一个叫桑迪的人单击桑迪的名字时,我需要做什么才能跳转到桑迪 我尝试将#学生信息添加到包含学生姓名的页面,因此: 但是这就把我带到了页面的顶部。如果要
th:each
循环中的一个条目
我在一个页面上有一个学生姓名列表,单击该列表将进入一个页面,其中包含每个用户的更多信息:
在另一页上,为我的每个用户提供了额外信息:
[${student.name}]]
[${student.age}]]
...
比如说在列表的第一位有一个叫罗伯特的人,在第二十位有一个叫桑迪的人单击桑迪的名字时,我需要做什么才能跳转到桑迪
我尝试将#学生信息
添加到包含学生姓名的页面,因此:
但是这就把我带到了页面的顶部。如果要使用
#表达式链接到某个节,该表达式必须是唯一的。如果对每个部分使用#学生信息
,它不知道链接到哪里
如果列表总是以相同的顺序排列,那么类似的方法将适用于您:
第一页:
<div th:each="student, status: ${getAllStudents()}">
<a th:href="|@{linkToOtherPage}#student${status.index}|">[[${student.name}]]</a>
</div>
第二页:
<div th:each="student, status: ${getAllStudents()}">
<div th:id="|student${status.index}|">
<h1>[[${student.name}]]</h1>
<h3>[[${student.age}]]</h3>
...
</div>
</div>
[${student.name}]]
[${student.age}]]
...
(通过将数组中的索引附加到每个id,您可以链接到单个学生。)快速问题:您能跳到这样的
吗?我想你需要一个
或一个锚-类似
的东西。(我没有试着跳到跳水池)这解决了我的问题,谢谢!不过有一个小问题,那就是不同页面上的列表顺序不尽相同(在一个页面上按字母顺序排序)。但是,我通过使用status.current
,而不是status.index
@andrewjames解决了这个问题,你已经跳到了
了,对吗?通过向链接添加#…
,您可以跳转到id
。在第二页上,id
被添加到一个
,因此本质上你是跳转到
我明白了-谢谢你@user14571536。我认为#
只能用于跳转到有限的标记集,而不能跳转到任何ID,不管标记是什么。我每天都学到一些东西。