本文介绍如何在同一个页面中通过Tabs组件实现页面跳转，详细讲解了前台页面设计、必需的JQuery库引用，以及相关JS和CSS样式设置。特别强调必须引用最新版JQuery以确保功能正常运行。
一、前台页面设计
<div>
<div id="Sindex1">@Html.ActionLink("主页","Index","Home") @Html.ActionLink("退出","LoginOut","Home")</div>
<div id="tabs">
<ul >
<li><a href="/StudentsInfo/SInfoList" name="#tabs-1">学生个人信息</a></li>
<li><a href="/StudentsInfo/KInfoList" name="#tabs-2">饭卡信息</a></li>
<li><a href="/StudentsInfo/SEdit" name="#tabs-3">学生信息管理</a></li>
<li><a href="/StudentsInfo/KEdit" name="#tabs-4">饭卡信息管理</a></li>
</ul>
<div id="tabs-1"> </div>
<div id="tabs-2">
最低0.47元/天 解锁文章
714
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
