Javascript 单击时更改选项卡链接（并且已激活锚定）

我在这里尝试拼凑js知识。但我有一个网站，它将依靠一个标签式（仅2个）的概念在两家公司的服务之间切换

因此，当导航到该页面时，他们的用户将被定向到公司1，我希望在右侧有一个公司2的选项卡。它将是同一个域，只是domain.com#company2

当他们直接导航到公司2（通过domain.com#company2）时，我希望右侧的选项卡链接到公司1

所以基本上，js看起来是实现这一点的唯一方法。可以读取活动id并相应设置选项卡样式的内容

主要功能将基于单击。因此，如果单击该选项卡，它将切换到非活动公司选项卡

选项卡本身将保持不变，我只需要更改href

---

提前谢谢各位

我认为您可以使用CSS float：

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

---

确保一个div内有两个选项卡

是否使用内置的

选项卡

？类似于

jqueryui选项卡

或

bootstrap选项卡

？或者你正在创建自己的选项卡？我正在创建自己的选项卡。在我的页面顶部，我计划有一个50像素左右的高div，正确的30%的链接，我需要改变。这是一个粗略的模型，因为它看起来很可怕，但我现在将主持它，以便我们可以看到它：您可以看到，单击每个“选项卡”会将您带到它们提供的相应服务。我希望右边只有一个选项卡（此时“绩效组”选项卡将为空，“领导力之旅”选项卡将显示更改内容）。也许您应该使用类似JQUery UI选项卡的功能，它更简单。我现在正在玩弄它，看看我能用它做些什么。但也许我把它作为标签引用是在误导我的意图。实际上，我需要的是右上角的一个固定链接（虽然样式类似于选项卡），链接到另一个div。我需要该链接来引用非活动div。这是一个1页的设置，有一个200%宽度的包装和2个占据100%宽度的div。因此，链接锚定在两个div之间，但不一定像我所暗示的那样切换制表符。谢谢你的回答，巴德，但我不是100%确定这是做什么的。我现在在玩弄它，我真的什么都做不了。目前，我正在使用：$（“#tab1”）。单击（function（）{$（“.tabbedNav”）.css（“float”，“left”）}$（“#tab2”）。单击（function（）{$（.tabbedNav”）.css（“float”，“right”）}

可能是我不明白你的问题。上面的代码帮助：-如果你点击tab1，tab1会在左边，tab2会在右边-如果你点击tab2，tab2会在左边，tab1会在右边，这就是你想要的吗？你应该发布你的代码，这样人们就更容易帮助你了是的，我把这件事搞得一团糟。谢谢你的忍耐。我所希望的是在右边有一个类似“tab”的元素可以交换。但是，你确实让我想到了一件我没有想到的事情，我在这里发现了：看看当你点击它时，如何切换到另一个选项卡？完美的现在，我需要弄清楚的最后一件事（如果可能的话）是jQuery识别哪个div是活动的。因此，如果他们在默认情况下导航到domain.com，则显示的选项卡将为第2页。但是，如果他们直接导航到domain.com#page2，我需要将可见选项卡设置为#page1