使搜索结果将用户带到页面上的特定选项卡？

Posted 2021-04-06

我有一个我正在研究的Wordpress网站，它使用jQuery标签来分隔信息。

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

例如，如果标签＃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>

答案

如果您知道内容所在的标签：

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

我假设一个标签代表一个类别，所以它应该很容易将其传递给结果页面。