Question

我正在尝试将网页重定向到特定的TAB link。例如

    <a href="#google">google</a> 
      <a href="#facebook">facebook</a> 

<div class="tab containt">
    <div id="google">
        <p>some text some text some text some text</p>
    </div>

    <div id="facebook">
        <p>some text some text some text some text</p>
    </div>
</div

是否有可能重定向到特定标签？

http://example.com/#facebook

http://example.com/#facebook将此网址放在地址栏中。它应该直接打开Facebook标签

Answer 1

将类moveTo添加到要点击的链接。

<强> HTML

<a class="moveTo" href="#google">google</a><br/>
<a class="moveTo" href="#facebook">facebook</a><br/>

<强> jQuery的：

$(document).ready(function(){
    $(".moveTo").click(function(){
        var elemId = $(this).attr('href')
        $(elemId).find('a:first').click();
    });
});

DEMO

Answer 2

如果没有更多要求，您可以将:target选择器用作纯css解决方案。

带有＃后跟锚名称的URL，链接到文档中的某个元素。链接的元素是目标元素。

：目标选择器可用于设置当前活动目标元素的样式。

＆＃13;

<a href="#google">google</a> 
<a href="#facebook">facebook</a> 

<div class="tab containt">
  <div id="google">
    <p>some text some text some text some text - google</p>
  </div>
  <div id="facebook">
    <p>some text some text some text some text - facebook</p>
  </div>
</div>

＆＃13;

{{1}}

＆＃13;

直接链接到html页面中的特定选项卡

2 个答案: