将课程传递给点击时的其他页面

Question

我有1页

<a href="http://example.com/Rank1/">Rank1</a>
<a href="http://example.com/Rank2/">Rank2</a>
<a href="http://example.com/Rank3/">Rank3</a>

因此，当我单击链接时，我需要在新页面的正确元素中添加类“ current”。 （我在新页面中有代码可以在各选项卡之间正常工作）。新页面中的表格：

<ul class="tabs">
    <li class="button tab-link" data-tab="tab-1">Rank1</li>
    <li class="button tab-link" data-tab="tab-2">Rank2</li>
    <li class="button tab-link" data-tab="tab-3">Rank3</li>
</ul>
<div id="tab-1" class="tab-content">Rank1</div>
<div id="tab-2" class="tab-content">Rank2</div>
<div id="tab-3" class="tab-content">Rank3</div>
</div>

在新页面中的实际代码addclass'current'o单击时删除class'current'。 THX！

$(document).ready(function(){

    $('ul.tabs li').click(function(){
      var tab_id = $(this).attr('data-tab');

      $('ul.tabs li').removeClass('current');
      $('.tab-content').removeClass('current');

      $(this).addClass('current');
      $("#"+tab_id).addClass('current');
    })
  })

Answer 1

如果您没有在纯JS中完成所有这些操作，请使用查询参数：

在首页中更改网址，如下所示：

<a href="http://example.com?page=Rank1">Rank1</a> 
<a href="http://example.com?page=Rank2">Rank2</a>
<a href="http://example.com?page=Rank3">Rank3</a>

在第二页中访问此URL参数：

var url = window.location.href;
var queryString = url.split("?")[1];
var paramValue = queryString.split("=")[1]; // would print Rank1 or Rank2 or Rank3 based on url param

一旦获得页面名称的值，请按照您的编码进行制表符逻辑