如何链接到特定选项卡？

Question

我正在使用一个主题，该主题包含标签（列表项），仅在课程为＆＃34;活动＆＃34;时显示。通过单击选项卡，它会将选项卡的类更改为“活动”。 （li class =＆＃34; active＆＃34;），只显示“活跃”中的内容。标签

如果我想链接到不同页面中的特定标签，如何创建链接（可能是通过javascript）将您发送到页面，并更改元素类？

这里是HTML供参考

<div class="q_tabs horizontal center" style="visibility: visible;">
        <ul class="tabs-nav"><li class="active"><a href="#tab-1428877498-1-88">First Tab</a></li><li class=""><a href="#tab-1428877498-2-39">Second tab</a></li><li class=""><a href="#tab-1428877529303-2-2">Third tab</a></li></ul>
<div class="tabs-container">

        <div id="tab-1428877498-1-88" class="tab-content" style="display: block;">

 <div class="wpb_text_column wpb_content_element ">
    <div class="wpb_wrapper">
        <p>First tab text</p>

    </div> 
</div> 
        </div> 
        <div id="tab-1428877498-2-39" class="tab-content" style="display: none;">

<div class="wpb_text_column wpb_content_element ">
    <div class="wpb_wrapper">
        <p>Second tab text</p>

    </div> 
</div> 
        </div> 
        <div id="tab-1428877529303-2-2" class="tab-content" style="display: none;">

<div class="wpb_text_column wpb_content_element ">
    <div class="wpb_wrapper">
        <p>Third tab text</p>

    </div> 
</div> 
        </div> </div>
    </div>`

Answer 1

据我所知，遗憾的是，只有Javascript才能打开新页面中的标签。幸运的是，有一些方法可以在URL中传输信息。

1。使用＃符号

在URL中发送信息而不重新加载页面。

例如，yoursite.com/yoursecondpage#yourtabselection如果要添加#plus选项卡号，则不会重新加载页面。使用javascript，您可以使用.hash属性找到该数字。这是更简单的方法。

2。使用 ？符号

通过重新加载页面在URL中发送信息。

例如，yoursite.com/yoursecondpage?tab=2如果要将?tab=tabnum添加到网址末尾，您的网页会重新加载。使用javascript，这种方法有点难以找到。这是更难的方法。

我希望这有帮助！

Answer 2

如何创建一个重新显示标签ID（作为参数）的函数，它将只显示该标签（因为它也隐藏了其他标签）。

然后如果你想从另一个页面链接它，请确保通过url传递id（选项卡），这样你就可以进行简单的JS检查是否有特定标签的请求然后使用该功能（如前所述）。

使用jQuery它不应该超过5分钟＆＃39; 祝你好运。