从其他页面上的元素触发jquery类更改

Question

我刚接手维护了一个网站。前一个开发人员构建了一个简单的jquery脚本，基于所应用的。active类在单个网页上隐藏/创建可见的li元素。我遇到的问题是如何触发脚本，使选择的隐藏元素通过超链接从另一个页面时可见。现在，当进入页面时，第一个li元素将自动加载，其余元素将被隐藏。

var cooki = Cookies.get('Tab');
// var cooki=getCookie("Tab");
console.log(cooki);
//alert(cooki);
$(document).ready(function() {
  cooki;
  var id = '#' + cooki;
  if (id == "#Biofeedback") {
    $('html, body').animate({
      scrollTop: $("div").offset().top
    }, 10);
    $(id).addClass('active');
    $('.nacc li.active').removeClass('active');
    $(".naccs ul").find("li:eq(" + 0 + ")").addClass("active");
  } else if (id == "#hrv") {
    $('html, body').animate({
      scrollTop: $("div").offset().top
    }, 10);
    $(id).addClass('active');
    $('.nacc li.active').removeClass('active');
    $(".naccs ul").find("li:eq(" + 1 + ")").addClass("active");
  } else if (id == "#Neurofeedback") {
    $('html, body').animate({
      scrollTop: $("div").offset().top
    }, 10);
    $(id).addClass('active');
    $('.nacc li.active').removeClass('active');
    $(".naccs ul").find("li:eq(" + 2 + ")").addClass("active");
  } else if (id == "#muscle-rehabilitation") {
    //alert('success');
    $(id).addClass('active');
    $('.nacc li.active').removeClass('active');
    $(".naccs ul").find("li:eq(" + 3 + ")").addClass("active");
  } else if (id == "#peak-performance") {
    $('html, body').animate({
      scrollTop: $("div").offset().top
    }, 10);
    $(id).addClass('active');

    $('.nacc li.active').removeClass('active');
    $(".naccs ul").find("li:eq(" + 4 + ")").addClass("active");
  } else if (id == "#Continence-training") {
    $('html, body').animate({
      scrollTop: $("div").offset().top
    }, 10);
    $(id).addClass('active');
    $('.nacc li.active').removeClass('active');
    $(".naccs ul").find("li:eq(" + 5 + ")").addClass("active");
  } else if (id == "#Research") {
    $('html, body').animate({
      scrollTop: $("div").offset().top
    }, 10);
    //alert('success')
    $(id).addClass('active');
    $('.nacc li.active').removeClass('active');
    $(".naccs ul").find("li:eq(" + 6 + ")").addClass("active");

  }

});

Answer 1

从远程页面，您可以将链接设置为/link#hash或/link#example

在当前页面上，您可以执行以下操作:

if(window.location.hash == '#example') {
  // do some JS/Jquery magic
}