2014-12-28 3 views
0

Я настраиваю скрипку здесь: http://jsfiddle.net/bnnsqwsd/.Активный щелчок на вкладке

В основном, я пытаюсь воссоздать http://jsfiddle.net/syahrasi/Us8uc/, но с парой изменений (в основном, с идентификаторов на атрибуты данных, поэтому я могу иметь несколько модулей вкладок на странице).

Он работает, но если вы щелкнете по первой активной вкладке (Tab # 1) после загрузки, она сломается?

Вот мой JQuery:

$(document).ready(function() { 
    $(".tabs-menu a").click(function(event) { 
    event.preventDefault(); 
    $(this).parent().addClass("current"); 
    $(this).parent().siblings().removeClass("current"); 
    var tab = $(this).data("tab"); 
    $(".tab-content").not(tab).css("display", "none"); 
    $(tab).fadeIn(); 
    }); 
}); 

ответ

3

вы забыли добавить

data-tab=".tab-1" 

к вашему первому Ли с

<li class="current"><a href="#tab-1" data-tab=".tab-1">Tab 1</a></li> 

DEMO

0

я также использовать эту вкладку. это хороший и маленький скрипт. Я хочу, чтобы сделать автоматическое изменение по одному. например, каждые 5 секунд будет активна следующая вкладка. что-то вроде ползунка

Смежные вопросы