2016-09-02 4 views
0

У меня есть веб-страница с некоторыми вкладками. Ссылки для вкладок выглядит следующим образом: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", я мог бы просто добавить # 1 к URL-адресу, но это не вариант с этим кодом.

Кто может помочь? Спасибо.

+0

Что вы спрашиваете, называется ** глубоко сшивание ** http://foundation.zurb.com/forum/posts/2490 -решение-для-глубоко сшивание-ушки-f5. – evolutionxbox

+0

Hi @evolutionxbox, я только что опубликовал новый комментарий - вы можете мне помочь? Я узнал, как получить #hash на адресной строке, но я не совсем уверен, как двигаться дальше. – Grillo

ответ

0

Спасибо за ответ. 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); 
     }); 
Смежные вопросы