需要jquery在页面重新加载后生效，点击前一页触发

Question

需要jquery在页面重新加载后生效，点击前一页触发 （触发器在一个页面中，事件在另一个页面中）。 。

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

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

任何想法？

/index.html：

Answer 1

在喜欢它的一个GET请求链路的末端传递一个请求参数？ source = trigger

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

Click for a good tutorial on how to check url params using javascript

Answer 2

这样做。哈希参数添加到点击进入下一页像这样的链接：

<link_to_next_page>#trigger

然后在接下来的页面中使用jQuery来分析查询字符串，看看你是否有一个哈希值，如果是使用它更新#event元素。

您可以使用$(location).attr('hash');来获取当前网址的散列。如果没有散列，它将返回一个空字符串。

编辑：详细代码：

确定，所以在第一页，你有此链接：

<a href='nextpage#trigger' />

并在第二页则有以下jQuery脚本：

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

Answer 3

您可以使用localStorage来捕获#trigger上的click事件，然后检查是否按下了#trigger m第二页。

实施例：

第1页：

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

第2页：

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