Как сделать внешнюю ссылку которая при переходе будет активировать нужный мне таб?

Question

[Delerium]

сабж. Помогите) и в поиске что-то не могу нарыть, можно ли?

Comments

[Михаил]

о каком табе идет речь?

[Михаил]

на ссылку вида example.com/page#open_tab_1. А там если существует #open_tab_1,то открыть tab_1

[Delerium]

а если id не используются? вот такие тут ссылки на табы class="b-tab current" data-tab="1" или просто добавить айдишники и будет работать?

[Михаил]

твоя задача по событию dom ready проверить есть ли в ссылке hash. потом проверить есть ли инфа о табе. если есть получить ее. потом в дом найти этот таб и показать его

незнаю как по другому объяснить

if( $('.b-tab').data('tab') == 1) показать таб. (дисплей блок или чего там у тебя)

[Михаил]

единицу надо получить из url. в урле не обязательно должна быть единица это может быть ключь например #tab-one. но тогда у тебя должен где-то быть ассоциативный массив. в котором ты будешь по ключу искать идентификатор

Answer 1

[Александр]

Я исплользую табы из jquery UI и там работает открытие таба при переходе по ссылке вида: site.ru/page.html#tab

или так:

$('.link').click(function(){
    $('.tab').trigger('click');
});

Comments

[DTX]

Ему нужно, чтобы при переходе по mysite/index.php#tab3 открывался третий таб.

Answer 2

[Игорь Воронов]

в поиске что-то не могу нарыть

Ну это потому что вы, вероятнее всего, ищите конкретно для таба. По факту, вам нужно: в зависимости от url делать на стороне js определенные действия. Хэш в помощь.

Приведу пример:

// например, общий массив табов здесь:
var tabs = {
    tab1:...,
    tab2:... // и т.д.
};

// ну, например:
var tabName = location.hash ? location.hash : Object.keys(tabs)[0];

//ну дальше понятно, я думаю.

Ссылка предполагается такого вида, как написал Александр.