jquery - 使用 jQuery 选项卡作为站点导航器?

标签 jquery jquery-ui navigation uinavigationbar

我想使用 jQuery 选项卡作为导航器,即选项卡实际上不应包含任何内容,但相反,当用户单击所有其他选项卡然后单击当前选项卡时,它应该导航到另一个页面。

此外,当到达该页面时,我希望第二个选项卡在加载时应该可见。

示例:

Page1.aspx:

    Page1    |    Page2    |    Page3    |    Page4
Page1 content|    blank    |    blank    |    blank

第 2、3 和 4 页的选项卡标题应该只是指向相应页面的链接。

Page2.aspx:

    Page1    |    Page2    |    Page3    |    Page4
    blank    |Page2 content|    blank    |    blank

第 1、3 和 4 页的选项卡标题应该只是指向相应页面的链接。

等等。

我想将选项卡分页器放置在母版页中,然后在每个页面各自的选项卡中填写内容,并将其他选项卡留空。

最佳答案

您确定不想要这样的东西吗:

<ul>
    <li><a href="somepage1.aspx" class="selected">Link 1</a></li>
    <li><a href="somepage2.aspx">Link 2</a></li>
    <li><a href="somepage3.aspx">Link 3</a></li>
    <li><a href="somepage4.aspx">Link 4</a></li>
</ul>
<div id="content1">
    <p>Some content for page 1</p>
</div>

我不明白你使用 jQuery 的目的是什么?...

关于jquery - 使用 jQuery 选项卡作为站点导航器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1168991/

相关文章:

javascript - 我的编辑按钮在下一页不起作用(仅在第一页起作用)

javascript - 如何使用上一个和下一个按钮遍历 anchor 链接?

javascript - 克隆动画属性

html - 第三级居中菜单下拉导航问题

iOS Swift 从推送通知以编程方式导航到某些 ViewController

javascript - 使用javascript查找元素的onclick事件

jquery - Owl Carousel-Google Analytics(分析)跟踪

javascript - 如何为大量 HTML 元素优化 jQuery 函数

jquery - 以颜色显示 jquery themeroller 图标

android - 尝试在将一个 Activity 更改为第二个 Activity 后保存编辑文本字段的值,然后返回到 jetpack compose 中的第一个 Activity