我正在使用Wordpress,可以在其中修改html,php和css。我有以下情况:

PageA具有两个链接:Link1和Link2。

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

Link1和Link2都应该导航到PageB,但是我要使它成为用户单击Link1时,他在Tab1打开时导航到PageB。当他单击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">

最佳答案

您需要在单击时创建活动类,将该类绑定到您单击的选项卡上!!

10-02 20:58