请求jQuery实现将Header与Footer间元素包裹进<main>标签(Sitefinity 14.2)
解决方案:为Sitefinity 14.2网站添加标签以满足无障碍需求
因为你完全不了解jQuery,下面直接给可复制的代码和操作步骤,照着做就行:
1. 核心脚本代码
这段代码会自动把<header>和<footer>之间的非<script>元素包裹进<main>标签:
$(document).ready(function() { // 定位header之后、footer之前的所有非script元素 var targetElements = $('header').nextUntil('footer').not('script'); // 创建main标签容器 var mainContainer = $('<main></main>'); // 将目标元素移入main容器 targetElements.appendTo(mainContainer); // 把main容器插入到header后面 mainContainer.insertAfter('header'); });
2. 在Sitefinity 14.2中添加脚本的步骤
- 登录Sitefinity后台管理界面
- 打开页面模板(全站生效)或目标页面的编辑界面(仅针对单个页面)
- 添加一个JavaScript小部件,将上面的代码粘贴进去
- 设置小部件的加载位置为页面底部(确保页面DOM完全渲染后再执行脚本)
- 保存并发布模板/页面
注意事项
- Sitefinity默认已集成jQuery,无需额外引入
- 发布后刷新页面,检查HTML结构是否符合目标要求
- 如果元素未被正确包裹,确认页面中
<header>和<footer>标签的唯一性(避免多个同名标签导致定位错误)
内容的提问来源于stack exchange,提问作者Brayden de Koning
相关产品推荐
相关产品推荐

