Bootstrap选项卡 - 在一个页面上的href链接打开或在另一个页面上显示选项卡

Question

我尝试添加脚本以使链接转到另一个页面，并在加载时显示该页面上的标签，但它似乎无法正常工作，我希望有人可能会能指出我正确的方向吗？ 它将重定向到正确的页面，但不会将选项卡更改为正确的选项卡。

也许我正在运行错误的jquery？

这是HTML：

      <div class="col-sm-4 hicon">
   <a href="services.html#houseremovals"><img src="img/hrhomeicon.jpg" alt="Home Removals icon"></a><br>Home Removals
  </div> 
  <div class="col-sm-4 hicon">
   <a href="services.html#students"><img src="img/slhomeicon.jpg" alt="Student Removals Icon"></a><br>Student Relocation
  </div> 

和js：

var url = document.location.toString();
if (url.match('#')) {
    $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
} 


$('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
})

也许我没有把javascript放在正确的位置？我已经在每个页面的底部加载它来尝试它，但我做的任何事情似乎都没有让它工作。我正在使用bootstrap 4 beta和jquery 3.2.1，如果这有帮助吗？

非常感谢！