2015-01-16 5 views
0

Я пытаюсь отобразить второй тег как активную вкладку по умолчанию.Показать вторую вкладку как активную по умолчанию

Это называется «slide1link» в следующем коде. У вас есть предложение?

$(document).ready(function() { 
      $('ul.tabs').each(function() { 
       var active, content, links = $(this).find('a'); 
       active = links.first().addClass('active'); 
       content = $(active.attr('href')); 
       links.not(':first').each(function() { 
        $($(this).attr('href')).hide(); 
       }); 
       $(this).find('a').click(function (e) { 
        active.removeClass('active'); 
        content.hide(); 
        active = $(this); 
        content = $($(this).attr('href')); 
        active.addClass('active'); 
        content.show(); 
        return false; 
       }); 
      }); 

<ul class="tabs"> 
<li class="slide0link"><a href="#ohne-logo">Ohne Logo</a></li> 
<li class="slide1link active"><a href="#heissfolienpraegung">Heißfolienprägung</a></li> 
<li class="slide2link"><a href="#blindpraegung">Blindprägung</a></li> 
<li class="slide3link"><a href="#motivdruck">Motivdruck</a></li> 
</ul > 
+0

а что это ваша проблема? – Regent

+0

Что именно вам нужно? Я думаю, вы написали слишком сложный код для простой функциональности. – Sandeeproop

+0

Вы хотите, чтобы «активный» класс находился в элементе списка («li») или якорный элемент/ссылка («a») - ваш код противоречив. – pwdst

ответ

0

Изменение: active = links.first().addClass('active');
To: active = links.first().next().addClass('active');

+0

Не работает. это приводит к отсутствию активных классов. –

+0

Не могли бы вы предоставить живую демонстрационную версию, чтобы я мог реально ее изучить? – Nick

+0

http://printnil.com/products/agenda –

0
//links.first().addClass('active'); 

это добавит класс 'активный' к первому якорю 'а' элемент в 'уль', в то время как в html вы положили 'active' класс на 'li'. Если вы хотите добавить класс на 2-й «LI» затем измените код:

links[1].parent().addClass('active'); 

или, если вы хотите добавить класс на 2 «а» (для этого нужно поставить класс = 'активный' на 'а' вместо 'LI'):

links[1].addClass('active'); 
Смежные вопросы