Javascript 如何打开特定选项卡处于活动状态的链接

我有3个php文件content.php、functions.php和topics.php 我希望当用户单击topics.php中的一个链接时，他们被重定向到一个tab1打开的页面，而在同一个链接上，但在不同的按钮上，当他们单击链接时，tab2打开

我尝试过使用onClick=”“和jquery编写代码，但都没有成功

活动选项卡必须反映用户在站点上单击的位置（即用户是单击第一个“代数”链接还是第二个链接）

---

链接是在topics.php中定义和创建的。在您的情况下，若要在活动时加载带有特定选项卡的链接，请使用URL哈希更多：

如果您有此链接：

pockettutor.ie/代数/#nav-y1

然后

if（window.location.hash）{//检查url哈希是否为空
var hash=window.location.hash；//nav-y1
document.querySelector（'[href=“”+hash+'“]'）。单击（）；
}

有一种更简单的方法，不需要JavaScript。使用

然后，当您转到

page.html#tab1

时，您将看到第一个选项卡。或者，

page.html#tab2

，您将看到第二个

---

这应该让你开始。显然，您需要设置CSS规则，以便在默认情况下显示其中一个选项卡，例如在显示页面时没有锚定片段。而且，您将希望从某处链接到这些锚定片段。

我找到了我自己问题的解决方案：

在functions.php中，我添加了以下代码：

function wwp_custom_query_vars_filter($vars) {
    $vars[] = 'tab';
    return $vars;
}
add_filter( 'query_vars', 'wwp_custom_query_vars_filter' );

在topics.php中，我添加了：

?var=variable1

到url

在content.php中，我通过调用以下命令添加了条件检查：

get_query_var('var');

---

可能在这个函数中：onClick=“selectTab（“nav-y1”）”。您是否尝试过id“navtab-y1”（onClick=“selectTab（“navtab-y1”））是的，我尝试过，但不起作用，因为选项卡的id是：navtab-y1，但选项卡的href是：#nav-y1我尝试过您的方法，但仍然不起作用，是否应该使用

if（window.location.hash）

可能在函数中？我不是100%确定函数是如何工作的，但是你不需要调用函数吗？如果没有函数，它就不会被调用吗？在这里，我检查了你的链接，我也测试了它，它成功了，它会自动单击它需要单击的按钮谢谢Jovylle，但是我如何从代码中调用该脚本：”class=“btn bg-secondary 2 text white w-100 text left text capitalize display-14”>代数当我点击链接时，页面很好，但我想打开的带有解决方案的过去论文的选项卡（nav-y1）没有打开，因此仍然不起作用。不要更新“感谢您的帮助，我已经有了css规则，因此默认情况下会显示其中一个选项卡，它是navtab-x1。我将如何从某个地方链接这些锚定片段？@LiamBartsch只需使用

感谢您的帮助。不幸的是，我想区分用户何时通过按钮单击链接以及页面何时正常加载。因此这不起作用，但谢谢你的提示。@LiamBartsch是的，你的问题根本不是这么说的。您说过，“如何打开特定选项卡处于活动状态的链接”。如果你真正想问的是完全不同的问题，你应该在这一点上提出一个新的问题。不，这就是我想问的，如何在特定选项卡处于活动状态时打开链接，我尝试的方式是通过区分用户单击链接和正常加载链接，这并不是完全不同的事情，没有必要否决我的问题，因为它是相关的。

function wwp_custom_query_vars_filter($vars) {
    $vars[] = 'tab';
    return $vars;
}
add_filter( 'query_vars', 'wwp_custom_query_vars_filter' );

?var=variable1

get_query_var('var');