You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

请求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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.17 18:35:33