我正在尝试使用 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 选项卡进行相同的操作。谁能帮我解决这个问题。提前致谢。
最佳答案
因为您的 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>
关于javascript - 具有多个 Web 表单的 jQuery 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29690101/