jquery - 需要 jquery 在页面重新加载后生效，单击时从上一页触发

Question

需要 jquery 在页面重新加载后生效，单击时从上一页触发（触发器在一个页面中，事件在另一个页面中）..

$(function({
  $('#trigger').click(function(){
    $('#event').addClass('myclass');
  });
});

这里#trigger按钮在一个页面#event中，在另一个页面中..我需要添加类#event仅当#trigger单击按钮时链接到该页面（<a href="next-page-link" id="#trigger">button</a>）否则如果与其他锚点一起登陆该页面，我不需要添加类#event.. _

任何想法？？

Answer 1

您可以为此使用localStorage，捕获 #trigger 上的点击事件，然后检查是否在第二页的 domReady 上按下了 #trigger。

例子 ：

第 1 页：

$(function({
  $('#trigger').click(function(){
   window.localStorage.triggerClicked = true;
  });
});

第2页：

$(function({
  if(window.localStorage.triggerClicked == true){
    $('#event').addClass('myclass');
    window.localStorage.removeItem('triggerClicked');
  }
});

Answer 2

在链接末尾传递一个请求参数，就像它的获取请求一样：

/index.html? 源=触发器

并在下一页检查源参数并做任何你想做的事。

单击以获取有关如何使用 javascript 检查 url 参数的好教程

Answer 3

做这个。将哈希参数添加到单击以转到下一页的链接，如下所示：

<link_to_next_page>#trigger

然后在下一页使用 JQuery 解析查询字符串并查看是否有哈希，如果有，则使用它来更新#event元素。

您可以使用$(location).attr('hash');获取当前 url 的哈希值。如果没有哈希，它将返回一个空字符串。

编辑：详细代码：

好的，所以在第一页你有这个链接：

<a href='nextpage#trigger' />

在第二页中，您有以下 jquery 脚本：

$(document).ready(function(){
  var hash = window.location.pathname
  if(hash == 'trigger')
    $('#event').addClass('myclass');
});