php - 通过我们导航的链接更改元素的类

Question

我正在使用 Wordpress，我可以在其中修改 html、php 和 css。我有一个场景如下:

PageA 有两个链接:Link1 和 Link2。

PageB 有两个选项卡:Tab1 和 Tab2。

Link1 和 Link2 都应该导航到 PageB，但我想让它在用户单击 Link1 时导航到 PageB，因为 Tab1 打开；当他点击 Link2 时，他会在 Tab2 打开时导航到 PageB。

目前，打开的选项卡有两个 css 类，而关闭的选项卡没有。选择关闭的选项卡时，它会获取这两个类，而打开的选项卡会丢失这些类。

现在，我的问题是；如果我单击 Link2，有没有办法让 Tab2 具有这些类而不是 Tab1？我应该更好地利用我拥有的资源； HTML，PHP，CSS。所以，最好不要使用 JavaScript。

编辑:我通过 Wordpress 插件实现选项卡，但它们在 html 中的创建方式如下(此处打开 Tab1，关闭 Tab2):

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
    <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1-1" aria-labelledby="ui-id-8" aria-selected="true">
        <a href="#tabs-1-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-8">MyTab1</a>
    </li>
    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-1-2" aria-labelledby="ui-id-9" aria-selected="false">
        <a href="#tabs-1-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-9">MyTab2</a>
    </li>
</ul>

我的链接很简单:

<a title="Link1" href="http://mywebpage.com/?page_id=60">
<a title="Link2" href="http://mywebpage.com/?page_id=60">

Answer 1

您需要在单击时创建事件类，将该类绑定(bind)到您单击的选项卡!!