Как задать прямую ссылку на вкладку формируемую при помощи js?

Question

[Сергей Игнатьев]

Как организовать, прямые ссылки открывающие нужные вкладки, формируемые с помощью js, сразу при переходе на страницу?

Поставить якорь в виде href="#link2" и ссылка в виде site.ru/page#link2 – не открывают нужную вкладку сразу…

Вот о чем я говорю ссылка

Я буду безмерно вам благодарен за совет! (

Comments

[Kovalsky]

Дело в том, что у вас там вообще нихрена не работает, куча ошибок в консоли. Сначала надо исправить ошибки, а так и говорить не о чем.

Answer 1

[nemoisfree]

переместите ваш код, который вы написали в теге скрипт ниже остальных скриптов. Ваш код пытается вызвать функцию jquery, но jquery у вас еще не выполнился и желательно оберните все функцией

$(document).ready(function() {
ваш код
})

Comments

[Kovalsky]

Да нет, там всё синхронно, $ (то есть jQuery) уже загрузился. Ошибка в том что в коде неправильно определяется переменная target, не тот контейнер используется.

[nemoisfree]

Никита Полевой: ну он исправил уже просто

[Сергей Игнатьев]

nemoisfree:
Здравствуйте! Большое спасибо большое за помощь, действительно скрипт стал работать! Но у меня в скрипте ошибка. Вкладка сама открывается, но тогда не работает переходы по вкладкам
Переход по вкладкам работает: arendbook.ru/1.html
Открывается вторая вкладка, но переход не работает: arendbook.ru/1.html#link2
Может быть у вас будет немного времени посмотреть?
Вот скрипт:

<script>
        var loc = window.location.hash;
        if (loc != "") {
        var href = loc;
        var target = $('.tab-content').find(href);
        $('.nav-justified li').removeClass('active');
        $('.nav-justified li[href="' + href + '"]').addClass('active');
        $('.tab-content .tab-pane').hide();
        $(target).fadeIn('fast');
        }
        
        </script>

[nemoisfree]

Сергей Игнатьев: в вашем скрипте вы делаете вкладку активной при помощи добавления класса, а нужно при помощи бутстрап методов
Пример из документации $('#myTabs a[href="#profile"]').tab('show')
Попробуйте вникнуть в документацию и сделать все заново

[Сергей Игнатьев]

nemoisfree: Спасибо большое, я почти разобрался! Может быть еще поможете понять, что нужно изменить в скрипте, что бы он открывал любую вкладку, по адресу с якорем ?
Этот скрипт $('#myTab a[href="#profile"]').tab('show') открывает страницу со только вкладкой якорем #profile . А мне нужно чтобы была возможность открытия и др. вкладок по ссылке с якорем. Как это задать в скрипте? Я совсем не понимаю js... догадываюсь , что нужно изменить в href="#profile", но что туда писать не знаю....Помогите пожалуйста