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

标签 javascript c# jquery asp.net

我正在尝试使用 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 表单针对相同的母版页(这会导致渲染整个页面,包括 htmlhead... 标记)! 因此,要解决这个问题,您需要用部分 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/

相关文章:

c# - 检测asp :FileUpload has a file using Jquery?

c# - LINQ 成员表达式获取列名

javascript - 页面滚动和 JQuery

jquery - 线程 CSS li

javascript - 为什么在添加 setTimeout 后我的 jQuery 函数在 "else if"处停止运行?

javascript - React - 单击按钮访问选定的选项?

javascript - 使用 JQuery 从输入数字中获取值并更改 css

javascript - jQuery。将一个对象插入另一个对象

javascript - 带按钮和文本的全宽响应式视频网站标题

c# - 如何在使用 JQuery 显示弹出窗口时防止 asp 按钮上的回发