Начальная вкладка, выбранная по URL - PullRequest
Новая
       15

Начальная вкладка, выбранная по URL

2 голосов
/ 11 декабря 2011

У меня есть следующий код:

JavaScript: 

$("ul.iwTabs").each(function() {
    $("li a", this).first().addClass("selected");
    initialTabId = $("li a", this).first().attr("href");
    $(initialTabId).css("display", "block");
    });


    $("ul.iwTabs li a").click(function () {
        newTabId = $(this).attr("href");
        listElement = $(this).parent().parent();
        oldTabId = $("a.selected", listElement).attr("href");

        $("a.selected", listElement).removeClass("selected");
        $(this).addClass("selected");

        $(oldTabId).css("display", "none");
        $(newTabId).css("display", "block");
        return false;
    });

HTML: 

<ul class='iwTabs'>
    <li><a href='#tab1'><div id="cupons">Meus cupons</div></a></li>
    <li><a href='#tab2'><div id="creditos">Meus créditos</div></a></li>
</ul>

...

<div id='tab1' class='iwTabs'>...content...</div>
<div id='tab2' class='iwTabs'>...content...</div>

Это работает нормально, но я хочу, чтобы пользователь ввел URL: example.com/my_page#tab2 и перешел на страницу с открытым tab2. Я не знаю, как это сделать.

Ответы [ 2 ]

2 голосов
/ 12 декабря 2011

Я думаю, вы должны добавить что-то вроде этого: 

$(document).ready(function(){ 
    $("#tabs").bind("tabsselect", function(event, ui) {
        window.location.href=ui.tab;
    });
});
0 голосов
/ 11 декабря 2011

Я думаю, что хорошим местом для начала была бы эта статья о назначении различных URL-адресов различным частям вашего приложения.

http://ajaxpatterns.org/Unique_URLs

...