包含多个 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...标签）！因此，要解决此问题，您需要将 Web 窗体替换为部分视图（从 MVC 开始）或简单的用户控件（从 WebForm 开始）或没有母版页或 html 标记的 Web窗体

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