Доброго времени суток. Набросал для наглядности здесь вот вертикальные табы
jsbin.com/ticevuduceya/1/. Для редактирования страница
jsbin.com/ticevuduceya/1/edit
Как видно, в коде подключены 2 скрипта, которые отвечают за табы. В одном из них нашел такую вот функцию:
;(function ($) {
$.fn.tabify = function () {
return this.each(function () {
var tabs = $(this);
$('.tab-content', tabs).hide();
$('ul.tab-nav li:first', tabs).addClass('current');
$('div:first', tabs).show();
var tabLinks = $('ul.tab-nav li', tabs);
$(tabLinks).click(function () {
$(this).addClass('current').siblings().removeClass('current');
$('.tab-content', tabs).hide();
var activeTab = $(this).find('a').attr('href');
$(activeTab).show();
return false;
});
});
};
})(jQuery);
Во втором:
tabs: function() {
$(".module.module-tab").each(function(){
$height = $(".tab-nav", this).outerHeight();
if($height > 200) {
$(".tab-content", this).css('min-height', $height);
}
});
$(".module.module-tab").tabify();
},
tabsDeepLink: function() {
if($(window.location.hash).length > 0){
$('a[href=' + window.location.hash + ']').click();
$('html, body').animate({ scrollTop: $(window.location.hash).offset().top}, 1000);
}
},
Как я понимаю, табы эти работают исходя из якоря в ссылке. А если в качестве якоря используется ссылка как в случае с лентой, то как быть? Что подправить необходимо или дописать, чтобы последняя третья вкладка работала? Подскажите, пожалуйста, кто разбирается с jQuery. Пробовал изменять по тайтлу
var activeTab = $(this).find('a').attr('title');
не работает. Крутил, вертел, все безрезультатно. Возможно надо было изменять функцию
tabsDeepLink так же, но как — не соображу. С квери мало знаком. Целую ночь возился, крутил, вертел, ничего не получилось.
Заранее благодарю.