使用選定的選項卡更新網址href

Question

我在我的rails應用程序中使用Jquery UI（gem「jquery-ui-rails」，「〜> 4.2.0」），並且希望實現選項卡，因此爲此我擁有此代碼

<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> 

我想使標籤可鏈接所以當我在大約選項卡中單擊我有這樣一個www.mysite.com/companies/google?tab=about URL這是可能的，如果是我該怎麼辦呢？

Answer 1

嘗試http://www.yoursite.com/companies/google#about的標籤控件應該看看散列自動

Answer 2

您可以更新beforeActivate事件的回調裏面的網址，如下圖所示：

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