Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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
Javascript 捕获;“后退”;事件并加载不同的内容_Javascript_Jquery_Ajax_Hashbang - Fatal编程技术网

Javascript 捕获;“后退”;事件并加载不同的内容

Javascript 捕获;“后退”;事件并加载不同的内容,javascript,jquery,ajax,hashbang,Javascript,Jquery,Ajax,Hashbang,我一直在做一个项目,使用hashbang(#!)方法跳过页面。基本上只有一个页面,当您单击转到不同的页面时,您会停留在页面上,但URL会发生变化,例如从index.html#home到index.html#about,并通过AJAX/JSON加载新内容。所有这些都可以正常工作,但是如果我在浏览器中“后退”(或前进),只有URL中的页面会发生更改,但不会启动jQuery来重新加载内容 我需要的是一些在所有浏览器中处理后退和前进操作的代码,这样我就可以启动函数从jQuery加载页面。我如何做到这一点

我一直在做一个项目,使用hashbang(
#!
)方法跳过页面。基本上只有一个页面,当您单击转到不同的页面时,您会停留在页面上,但URL会发生变化,例如从
index.html#home
index.html#about
,并通过AJAX/JSON加载新内容。所有这些都可以正常工作,但是如果我在浏览器中“后退”(或前进),只有URL中的页面会发生更改,但不会启动jQuery来重新加载内容

我需要的是一些在所有浏览器中处理后退和前进操作的代码,这样我就可以启动函数从jQuery加载页面。我如何做到这一点?

看看这个活动。它在哈希值更改时激发但是,您只能在Internet Explorer 8支持的情况下执行此操作

Internet Explorer 7不支持
hashchange
,因此您不能依赖它。至于InternetExplorer9,它(当然还有Chrome、Safari和Firefox)支持,而您可以使用它。它使您的URL保持清晰、简短和语义,同时支持优雅的后退/前进按钮。

看看这个事件。它在哈希值更改时激发但是,您只能在Internet Explorer 8支持的情况下执行此操作


Internet Explorer 7不支持
hashchange
,因此您不能依赖它。至于InternetExplorer9,它(当然还有Chrome、Safari和Firefox)支持,而您可以使用它。它使您的URL保持清晰、简短和语义,同时支持优雅的后退/前进按钮。

有一个jQuery插件,它似乎正是您想要的


这是该任务投票率最高的答案

有一个jQuery插件,它似乎正是你想要的


这是投票率最高的问题答案

为什么要重新发明轮子?是一个优秀且维护良好的jQuery插件,它支持新的,并且在不支持历史API的情况下优雅地使用哈希URL。几乎所有浏览器(甚至IE 6)都可以使用。

为什么要重新发明轮子?是一个优秀且维护良好的jQuery插件,它支持新的,并且在不支持历史API的情况下优雅地使用哈希URL。几乎所有浏览器(甚至IE 6)都可以使用。

为什么要重新发明轮子?这一切都很好,包括HTML5的pushState。嗨,伙计们,谢谢!Andrew关于history.js的提示非常适合我的需要!安德鲁;如果你可以添加你的评论作为答案,我可以接受。谢谢,刚刚做了一个答案。:)。为什么要重新发明轮子?这一切都很好,包括HTML5的pushState。嗨,伙计们,谢谢!Andrew关于history.js的提示非常适合我的需要!安德鲁;如果您可以添加您的评论作为答案,我可以接受。谢谢,我刚刚做了一个答案。:)。