Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用后退和前进浏览器按钮时,单击要激发的事件_Jquery_Browser History_Hashchange_Jquery Click Event - Fatal编程技术网

Jquery 使用后退和前进浏览器按钮时,单击要激发的事件

Jquery 使用后退和前进浏览器按钮时,单击要激发的事件,jquery,browser-history,hashchange,jquery-click-event,Jquery,Browser History,Hashchange,Jquery Click Event,我正在使用click事件来显示隐藏的内联div。我正在使用Ben Alman的Jquery hashchange事件,以便向前和向后浏览器按钮将显示URL中的标签链接。问题是隐藏的div在你前进和后退时保持隐藏,我需要它们显示出来 HTML: 如果您同意更改hashchange插件,我可以重新发送jQuery地址。 看这里 为了捕获哈希更改,您需要编写: $.address.change(function(event) { // Your code here }); 这个hashcha

我正在使用click事件来显示隐藏的内联div。我正在使用Ben Alman的Jquery hashchange事件,以便向前和向后浏览器按钮将显示URL中的标签链接。问题是隐藏的div在你前进和后退时保持隐藏,我需要它们显示出来

HTML:


如果您同意更改hashchange插件,我可以重新发送jQuery地址。
看这里

为了捕获哈希更改,您需要编写:

$.address.change(function(event) {
    // Your code here
});
这个hashchange函数的好处是插件确保它总是在document.ready之后被调用,所以你不必担心这件事

事件。路径名[0]将是您需要的哈希。您可以在ChangeHadnler中使用它并显示所需的div

查看此演示(我认为它正符合您的需要。请使用浏览器按钮进行检查):




示例用法:

我对JQuery非常陌生,因此我很难理解如何基于示例/演示实现此功能。我已经在链接中添加了rel=“address:/#link1”,但我不知道如何处理我的脚本。
$("#link1").click(function() {
    $("#div1").fadeIn("400");
    $("#div2, #div3, #div4").hide(); 
});
$("#link2").click(function() {
    $("#div2").fadeIn("400");
    $("#div1, #div3, #div4").hide();
});
$.address.change(function(event) {
    // Your code here
});