【问题标题】:Change Tab Link on Click (and Already Active Anchor)单击时更改选项卡链接(并且已激活锚点)
【发布时间】: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 tabbootstrap tab 之类的?还是您正在创建自己的标签?
  • 我正在创建自己的标签。在我的页面顶部,我计划有一个 50px 左右的 div,右边 30% 是我需要更改的链接。所以这是 ROUGH 模型,因为它看起来很可怕,但我会立即托管它,以便我们看到它:spencerford.com/demos/performancegroup 您可以看到单击每个“选项卡”会将您带到他们提供的相应服务。我希望右侧只有一个选项卡(“绩效组”选项卡现在是空白的,“领导力之旅”选项卡会发生变化)。
  • 也许你应该使用 JQUery-UI 标签之类的东西,它更容易。 jqueryui.com/tabs
  • 我现在正在玩它,看看我能用它做什么。但也许我通过将其引用为选项卡来误导我的意图。真的,我需要的是右上角的一个固定链接(尽管它的样式类似于选项卡),它链接到另一个 div。我需要该链接来引用非活动 div。这是一个 1 页设置,具有 200% 宽度的包装器和 2 个占据 100% 宽度的 div。因此,两个 div 之间的链接锚点,但不一定是我暗示的选项卡切换。

标签: javascript jquery


【解决方案1】:

我认为你可以使用 CSS 浮动:

$("#tab1_id").click(function(){
    $(".2tabs_class").css("float","left)
})
$("#tab2_id").click(function(){
    $(".2tabs_class").css("float","right)
})

确保 2 个标签位于 div 内

【讨论】:

  • 感谢您的回答,但我不能 100% 确定这是做什么的。我现在正在玩它,我真的无法让它做任何事情。目前,我正在使用: $("#tab1").click(function(){ $(".tabbedNav").css("float","left") }) $("#tab2").click (function(){ $(".tabbedNav").css("float","right") })
  • 可能我不明白你的问题。上面的代码帮助: - 如果你点击tab1 tab1 会在左边,tab2 在右边 - 如果你点击tab2 tab2 会在左边,tab1 在右边 这就是你想要的吗?您应该发布您的代码,以便人们更容易帮助您
  • 是的,我一直对此一团糟。感谢您忍受它。我希望的是在右边有一个类似“标签”的元素来交换。但是,你确实让我想到了一些我没有想到的东西,我在这里找到了它:jsfiddle.net/Split98/bgwH6 看看当你点击它时如何切换到另一个选项卡?完美的。现在,我唯一需要弄清楚(如果可能的话)的最后一块是让 jQuery 识别哪个 div 处于活动状态。因此,如果他们默认导航到 domain.com,则显示的选项卡将显示为 #page2。但是,如果他们直接导航到 domain.com#page2 我将需要可见选项卡为 #page1
猜你喜欢
  • 2018-10-07
  • 2010-10-21
  • 2016-07-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-01-30
  • 2011-11-02
相关资源
最近更新 更多