Jquery 使用后退和前进浏览器按钮时,单击要激发的事件
我正在使用click事件来显示隐藏的内联div。我正在使用Ben Alman的Jquery hashchange事件,以便向前和向后浏览器按钮将显示URL中的标签链接。问题是隐藏的div在你前进和后退时保持隐藏,我需要它们显示出来 HTML: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
如果您同意更改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
});