让搜索结果将用户带到页面上的特定标签？答案

【问题标题】：Make search results take user to specific tab on page?让搜索结果将用户带到页面上的特定标签？
【发布时间】：2018-06-13 05:15:56
【问题描述】：

我正在开发一个使用 jQuery 选项卡来分隔信息的 Wordpress 网站。

我的客户指出，当用户使用内部搜索并点击结果时，链接不会将他们带到信息所在的特定选项卡。

例如，如果标签 #3 中有海报并且用户搜索“海报”，搜索结果链接会将他们带到正确的页面，但默认情况下会打开标签 #1。

这使得用户很难找到他们正在寻找的东西。有什么解决方案吗，还是我们只需要取消标签？

这是准系统代码：

<div class="tabs">
  <ul>
      <li><a href="#apps">apps</a></li>
      <li><a href="#features">features</a></li>
      <li><a href="#faqs">faqs</a></li>
  </ul>

  <div id="apps">
  </div>

  <div id="features">
  </div>

  <div id="faqs">
  </div>

</div>

<script type="text/javascript">jQuery(function() { jQuery(".tabs").tabs() });</script>

【问题讨论】：

如果不知道如何生成选项卡并查看一些相关代码，真的无法回答这个问题。
你可以不只是散列 url 中的标签 ID，然后页面应该在该标签打开的情况下加载
@jmargolisvt 代码已添加。
这里是一个例子 - 这个 url 应该打开 tab2 上的标签：jqueryui.com/resources/demos/tabs/default.html#tabs-2

标签： javascript jquery wordpress search tabs

【解决方案1】：

如果您知道内容在哪个选项卡中：

// To open the third tab
jQuery('.tabs').tabs('options', 'active', 2);

我假设一个选项卡代表一个类别，因此将其传递到结果页面应该很容易。

【讨论】：