【发布时间】:2013-05-08 09:55:15
【问题描述】:
我在这里尝试拼凑 js 知识。但是我有一个网站,它将依靠标签式(只有 2 个)概念在公司的两种服务之间切换。
因此,当导航到该页面时,他们的用户将被定向到 Company1,我希望在右侧有一个 Company 2 的选项卡。它将是同一个域,只是 domain.com#company2。
当他们直接导航到公司 2(通过 domain.com#company2)时,我希望右侧的选项卡链接到公司 1。
所以基本上,看起来 js 是唯一的方法。可以读取活动 ID 并相应地设置标签样式的东西。
主要功能将基于点击。因此,如果您单击该选项卡,它会切换到非活动公司选项卡。
标签本身将保持不变,我需要更改的只是 href。
提前谢谢各位!
【问题讨论】:
-
您使用的是内置的
tab吗?Jquery-UI tab或bootstrap tab之类的?还是您正在创建自己的标签? -
我正在创建自己的标签。在我的页面顶部,我计划有一个 50px 左右的 div,右边 30% 是我需要更改的链接。所以这是 ROUGH 模型,因为它看起来很可怕,但我会立即托管它,以便我们看到它:spencerford.com/demos/performancegroup 您可以看到单击每个“选项卡”会将您带到他们提供的相应服务。我希望右侧只有一个选项卡(“绩效组”选项卡现在是空白的,“领导力之旅”选项卡会发生变化)。
-
也许你应该使用 JQUery-UI 标签之类的东西,它更容易。 jqueryui.com/tabs
-
我现在正在玩它,看看我能用它做什么。但也许我通过将其引用为选项卡来误导我的意图。真的,我需要的是右上角的一个固定链接(尽管它的样式类似于选项卡),它链接到另一个 div。我需要该链接来引用非活动 div。这是一个 1 页设置,具有 200% 宽度的包装器和 2 个占据 100% 宽度的 div。因此,两个 div 之间的链接锚点,但不一定是我暗示的选项卡切换。
标签: javascript jquery