Question

我在我的rails应用程序中使用Jquery UI（gem＆＃34; jquery-ui-rails＆＃34;，＆＃34;〜＆gt; 4.2.0＆＃34;）并希望实现标签为此，我有这个代码

 <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这样的网址，如果可以，我可以这样做吗？

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");
  }
});

使用选定的选项卡href更新URL

2 个答案: