Question

我是新来的，但我经常访问Stack Overflow来引用我发现自己想要问的东西（我倾向于发现99.9％的我问的问题已经被'问'了在这里嘿）

但我想知道是否有。

我有一个主页有两个div元素（样式为带有过渡效果的框，显示自己的样式a href链接）。

基本上这些是指向关于我们页面的标签内容的链接。

第一个按钮的ID为learn-more-1，另一个learn-more-2。请注意以下内容：

<a id="#learn-more-1" href="about-us.html#company-history"/> 

<a id="learn-more-1" href="about-us.html#why-choose-us"/>

about-us.html有一个标签容器，其中包含两个div，这些div分配了id：

#company-history和#why-choose-us

以下这些我们有我们的内容（带有包含相应信息的段落的标题）。

我遇到的问题是，当我们点击主页上的href链接（设置为按钮btw ..）时，我们到达about-us页面没问题。它是标签容器HOUSES标签按钮，但我们看不到它们。显示的选项卡式内容从标题开始。

我最终想要了解我所缺少的东西。

我的问题是，我有没有办法在jQuery页面上使用about-us，即：

$document.ready(function() {

* psuedo code here *
if the user arrived here via clicking learn-more-1 button

make the tab button #company-history ACTIVE
and scroll up 50px  ( so we can see the damn button as it only shows 
us the heading and paragraph content of the tab container..)

else if the user arrived here having clicked learn-more-2 button,
make the tab button #why-choose-us  ACTIVE
and scroll up 50px
};

默认情况下#our-company-history，about-us页面上的内容为active。这意味着如果您刚访问about-us，您会看到标签式容器显示公司历史记录。所以什么都没有隐藏。

有没有办法可以编写一个简单地将参数传递给about-us.html的函数，这个函数可以让我们知道点击了哪个href引用按钮链接，然后我们可以使用它？或者我在这里简单地复杂化了什么？

在此欢迎一些方向的人欢呼！

编辑：

Marat我必须知道是否在主页中点击了href链接！这样，只有这样我才能向它们显示选项卡式容器和活动选项卡下的内容。合理？每当用户点击about-us.html页面并默认显示选项卡式容器时，您建议的内容将自动触发。不是我们为我的朋友开枪。所以你看，我需要一种方法来有条件地检查用户是否通过这两个href链接（从主页）到达about-us.html页面，然后相应地打开相应的选项卡式内容。顺便说一句，目前当在主页中点击href链接（称为按钮）时，它们会到达about-us页面并进入选项卡式容器，但无法看到活动和非活动选项卡。这就是问题所在。

Answer 1

一些代码向您展示算法

$(document).ready(function() {
    var tabId = window.location.hash; // get id of destination tab
    if(tabId) {
        $("#our-company-history").hide(); // hide default tab
        var tab = $(tabId); // get destination tab
        $(window).scrollTop(tab.offset().top); // scroll to destination tab
        tab.show(); // display tab-content
    }
});

如何知道从以前的网页点击了哪个'a href'链接？

1 个答案: