javascript - 从另一个页面链接到特定选项卡

Question

我有一个包含 3 个选项卡的表单

<div class="tabs">
   <ul class="tabset">
     <li><a class="active"><span>Shirts</span></a></li>
     <li><a href="#"><span>Jeans</span></a></li>
      <li><a href="#"><span>Shoes</span></a></li>
   </ul>

  <div id="1">
    <p> Shirts </p>
   </div>
  <div id="2">
     <p> Jeans</p>
   </div>

   <div id="3">
     <p> Shoes</p>
   </div>
</div>

我希望能够从结果页面链接回特定选项卡并使其成为事件选项卡。我知道我必须在结果页面 anchor 链接的 url 中使用查询字符串。

所以，如果我有 3 个类别结果页面，并且每个页面都有返回表单的链接:

 <a href="./redefine?tab=id1"></a>
 <a href="./redefine?tab=id2"></a>
  <a href=".redefine?tab=id3"></a>

我需要在表单页面中使用什么代码来确保它有效。我读到我必须确保使用 jquery 检查参数是否存在并使用 location.hash 但不确定如何执行此操作。

Answer 1

使用并抓取location.hash 不会包含#id1，所以只需触发该 ID

var hash = location.hash; // Get the hashtag
if(hash!=""){ // See if it contain something
    jQuery(hash.replace("#","")).trigger("click") // Remove # char from it and put the result as the selector..
}