zorro76
@zorro76

Как здесь изменить выбор стартовой активной вкладки?

Собственно нарыл в нете код табов, и успешно его применял, но вот случился вопрос: нужно что бы на старте активной была вторая вкладка (средняя), как в этом коде это реализовать?

(function($){
	jQuery.fn.lightTabs = function(options){
		
		var createTabs = function(){
			tabs = this;
			i = 0;
			
			showPage = function(i){
				$(tabs).children("div").children("div").hide();
				$(tabs).children("div").children("div").eq(i).show();
				$(tabs).children("ul").children("li").removeClass("active");
				$(tabs).children("ul").children("li").eq(i).addClass("active");
			};
			
			showPage(0);
			
			$(tabs).children("ul").children("li").each(function(index, element){
				$(element).attr("data-page", i);
				i++;
			});
			
			$(tabs).children("ul").children("li").click(function(){
				showPage(parseInt($(this).attr("data-page")));
			});
		};
		return this.each(createTabs);
	};
})(jQuery);
$(document).ready(function(){
	$(".tabs").lightTabs();
});

табы простой конструкции,
вот набросал на скорую руку: jsfiddle
  • Вопрос задан
  • 103 просмотра
Решения вопроса 2
За показ нужного таба у вас отвечает функция:
showPage(0);
Вместо нуля пишем один для показа второго таба и тд
Ответ написан
Комментировать
Stalker_RED
@Stalker_RED
Немножко отрефакторил: https://jsfiddle.net/79tqmcff/1/
Конечно, оно все еще страшненькое, но теперь showPage() можно дергать снаружи, передавая в него таб, который должен быть активным.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы