JQuery вкладки, используя идентификатор из URL

Question

Интересно, как работают вкладки jQuery UI - переключение вкладок зависит от идентификатора (#123) с URL-адреса.

Я хочу сделать что-то подобное, но я не знаю, как это работает.

Если вы не знаете, что я имею в виду, вот пример URL: http://example.com/my_code.php#tab-3

А если есть div с атрибутом ID: <div id="tab-3">...</div>, тогда пользовательский интерфейс jQuery переключается на эту вкладку.

Как я могу сделать что-то подобное?

Answer 1

При инициализации виджет вкладок пользовательского интерфейса jQuery использует window.location.hash для получения фрагмента части URL-адреса страницы, затем перебирает вкладки и активирует ту, которая соответствует фрагменту.

Соответствующая часть исходного кода (строки 159–166 в текущем транке):

if (location.hash) {
        this.anchors.each(function(i, a) {
                if (a.hash == location.hash) {
                        o.selected = i;
                        return false; // break
                }
        });
}