javascript - 具有多个 Web 表单的 jQuery 选项卡

Question

我正在尝试使用 jQuery 选项卡浏览多个网页，如下所示

<div id="tabs">
    <ul>
        <li><a href="General.aspx">General</a></li>
        <li><a href="Education.aspx">Education</a></li>
        <li><a href="Employment.aspx">Employment</a></li>
    </ul>
</div>

当我通过选项卡单击导航时，这工作正常。但是，如果页面内发生任何回发，它们就会从选项卡中弹出(没有选项卡)。我尝试在母版页中使用该选项卡，它在母版页中正确显示该选项卡，但在子页面中再次显示 ul 标记。

由于我在每个页面中都有很多条件检查，因此我尝试使用单独的页面，而不是将所有内容都放入一个页面中。

目前我使用用户控制作为菜单，在这些页面之间导航。我只是好奇想尝试使用 jQuery 选项卡进行相同的操作。谁能帮我解决这个问题。提前致谢。

Answer 1

因为您的 Web 表单针对相同的母版页(这会导致渲染整个页面，包括 html 和 head... 标记)!因此，要解决这个问题，您需要用部分 View (从 MVC 开始)或简单的用户控件(从 WebForm 开始)或没有母版页或 html 标签的 webForm 来替换 webform

   <div id="tabs">
    <ul>
        <li><a href="General.ascx">General</a></li>
        <li><a href="Education.ascx">Education</a></li>
        <li><a href="Employment.ascx">Employment</a></li>
    </ul>
 </div>