直接标签打开

Question

在page-1.php上，我有多个标签，其中一个名为"Points"。

<div class="tabs">
   <a href="#setting"> setting</a> 
   <a href="#points"> Points</a>
</div>
<div class="active" id="setting"> Show setting</div> 
<div id="points"> Show points</div>

默认情况下会显示Setting标签。

在另一个页面page-2.php上，我有一个按钮：

  <button> 
       <a href="http://example.com/page-1/#points">Go to Point tab</a>        
  </button>

所以，我试图这样做，以便在点击Go to point tab按钮时，我希望打开Point标签。

我怎样才能做到这一点？

由于

Answer 1

您的链接必须是page-1.php#points（除非您使用mod-rewrite重写您的网址）。如果单独使用，则需要使用JavaScript或CSS来激活选定的选项卡。

您可以使用CSS来管理哪个选项卡处于活动状态并显示。请参阅this article on using the :target selector。

或者您可以使用JavaScript从URL获取当前哈希，将该选项卡内容设置为可见，并隐藏所有其他选项卡。