Обновление URL с выбранными вкладками href

Question

Я использую JQuery UI (gem "jquery-ui-rails", "~> 4.2.0") в своем приложении rails и хочу реализовать вкладки, поэтому для этого у меня есть этот код

<script> 
    $(function() { 
    $("#tabs").tabs(); 
    }); 
</script> 

<div id="tabs"> 
    <ul> 
    <li><a href="#overview">overview</a></li> 
    <li><a href="#about">about</a></li> 
    <li><a href="#people">people</a></li> 
    </ul> 
    <div id="overview"> 
    <p>sit amet facilisis feugiat citudin mi sit amet mauris.</p> 
    </div> 
    <div id="about"> 
    <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc.</p> 
    </div> 
    <div id="people"> 
    <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem.p> 
    </div> 
</div> 

Я хочу сделать вкладки связываемых так, когда я нажимаю на вкладке о у меня есть URL, как этот www.mysite.com/companies/google?tab=about это возможно, если да, то как я могу это сделать?

Answer 1

Попробуйте http://www.yoursite.com/companies/google#about Лапки виджет должен смотреть на хэш автоматически

Answer 2

Вы можете обновить URL внутри обратного вызова beforeActivate мероприятия, как показано ниже:

$('#tabs').tabs({ 
    beforeActivate: function(event, ui) { 
    var href = window.location.href; 
    window.location.href = href.split("#")[0] + ui.newTab.find("a").attr("href"); 
    } 
});