JQuery和选项卡 - 直接URL

我有一个网页上有一些标签。的选项卡中的链接看起来是这样的：JQuery和选项卡 - 直接URL

<a class="tab active" href="#" data-tab="1">Some link text</a> 
<a class="tab active" href="#" data-tab="2">Some link text</a> 
<a class="tab active" href="#" data-tab="3">Some link text</a>

当页面加载，所有的选项都有效（CSS明智） - 我知道:)

而且标签，代码如下所示：

<div class="tab-content active" data-tab="1"> 
    Content of the tab 
</div> 
<div class="content" data-tab="2"> 
    Content of the tab 
</div> 
<div class="content" data-tab="3"> 
    Content of the tab 
</div>

这工作得很好，当我在页面上使用它。但是，如果我想链接到该特定页面，但是我想从标签页1开始，该怎么办？

我意识到，如果我有id =“1”，我可能只需在url中添加＃1，但这不是此代码的选项。

任何人都可以帮忙吗？谢谢。

来源

2016-09-02 Grillo

你所要求的就是所谓的**深层链接** http://foundation.zurb.com/forum/posts/2490 - 溶液换深联的选项卡-F5。 – evolutionxbox

嗨@evolutionxbox，我刚发布了一条新评论 - 你能帮我进一步吗？我发现如何获得#hash到地址线，但我不太确定，如何继续前进。 – Grillo

感谢您的回复。 JQuery不是我的强项。

我发现下面的代码，这会触发脚本：

$('body.player').find('tab').click(function(){ 
      var self = this; 
      $('.playerLoaders').addClass('loading'); 
      $('.tab-content[data-tab="' + $(self).attr('data-tab') + '"]').siblings().removeClass('active'); 

      setTimeout(function() { 

        $('.loading-content').removeClass('loading'); 
        $('.tab-content[data-tab="' + $(self).attr('data-tab') + '"]').addClass('active').siblings().removeClass('active'); 
        $(self).addClass('active').siblings().removeClass('active'); 


      },1500); 
     });

来源

2016-09-05 05:51:50 Grillo

JQuery和选项卡 - 直接URL

回答

相关问题