问题标签 [hashchange]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
532 浏览

javascript - Ajaxify 的历史记录和书签在 Chrome 上不起作用?

Ajaxify 是一个非常有名的 jQuery 插件。但我只是使用 Chrome 并尝试此页面:

http://max.jsrhost.com/ajaxify/demo.php

对于新的 v2 功能:历史和书签。当我点击链接 1、2 和 3,然后点击 Chrome 上的后退按钮时,内容没有刷新。所以现在,这个功能在 Chrome 上不起作用?是不是因为最新的 Chrome 不能很好地使用它,但以前版本的 Chrome 可以?

0 投票
7 回答
15130 浏览

php - 如何在 URL 中显示 Ajax 请求?

我想要的是拥有改变页面一部分的链接,以及它的动态 URL,我可以在其中指定变量,例如#calendar=10_2010tabview=tab2

Check this for an exact example: 单击此处查看确切演示

所以这是我需要的链接格式:

#calendar=10_2010&tabview=tab2

我需要在链接中有变量,calendar这样tabview我就可以在一个页面上更改多个内容而无需重新加载。


或者像http://www.wbhomes.com.au这样的另一种格式,这正是我想要的,但是第一种格式也很好,但这更漂亮。

  • http://wbhomes.com.au/#/propertiesforsale/houseandland/quinnsbeach-waterland1

要求

  • 需要从例如邮件的任何地方访问,或者如果我只是写在 url 栏中。

  • 该链接应该在历史记录中,因此如果我按下后退或前进按钮,则需要访问该页面。

  • 页面刷新也需要工作。


一些资源:

例子:

一些教程:


请帮我!我从来没有找到任何解决方案来做到这一点,但我不想使用 jquery 或任何 API 或任何库,我想要一个工作Javascript/AJAXPHP脚本。

0 投票
1 回答
334 浏览

jquery - 在 2 个书签之间切换(或查看一个页面,然后从书签加载另一个页面)不适用于 jQuery History 插件

有人知道如何修复这个 jQuery History 插件吗?(用于 ajax 历史和书签)

http://github.com/tkyk/jquery-history-plugin/issues#issue/5

这是细节:

我的应用程序使用 IE 8 的 IE 7 兼容模式以及使用 IE 8 的默认模式的http://www.serpere.info/jquery-history-plugin/samples/ajax似乎有这个问题:

创建 2 个书签

现在单击一个书签,然后尝试来回单击另一个书签。页面内容未更新。在当前的 Firefox 和 Chrome 中,它可以工作。在 IE 8 中,它没有。如果您直接将哈希值从 #2 修改为 #3,则也是如此

PS 我很确定它是可以解决的,因为如果在 IE 8 上使用 Facebook,

http://www.facebook.com/someusername?v=info#!/someusername?v=info
http://www.facebook.com/someusername?v=info#!/someusername?v=wall

如果用户在 2 个书签之间切换,效果很好。(用上面的一些真实用户名替换一些用户名)

0 投票
3 回答
3481 浏览

jquery - 目前最好的 Ajax 历史和书签插件

似乎每个 Ajax History 和 Bookmark 插件都有一些小错误,范围从

真正简单的历史
http://code.google.com/p/reallysimplehistory/

jQuery 历史插件
http://www.mikage.to/jquery/history/rbbs.cgi?id=RA12733222240679954806&focus=1

ajaxify
http://max.jsrhost.com/ajaxify/

该错误要么根本没有触发事件,因此内容没有改变,要么事件被触发了两次(总比根本不触发要好)。是否有适用于所有现代浏览器的 Ajax 历史和书签插件?(IE 7+、Chrome、Firefox、Safari)

jQuery History 插件似乎是最好的,除了它有这个错误:
在 2 个书签之间切换(或查看一个页面,并从书签加载另一个页面)将无法与 jQuery History 插件一起使用

0 投票
1 回答
839 浏览

jquery - 有人知道 jQuery 地址插件中的这个错误吗?

使用 jQuery 地址插件,如果我在 IE 7 或 8 上创建 2 个书签:

http://www.asual.com/jquery/address/samples/api/#/section/?id=1&name=n1&name=n2

http://www.asual.com/jquery/address/samples/api/#/section/2

现在我先去google.com(或任何其他网站),然后我访问上面的书签1,然后访问上面的书签2,然后点击“返回”,它会直接把我带回谷歌,而不是回到书签 1 的 URL 首先。(Ajax 历史和书签功能)。这在 IE 7 和 8 上是正确的,但在 Chrome 和 Firefox 上还可以。

有人知道调整/破解/修复以使其工作吗?到目前为止,我也尝试过真正简单的历史、jQuery 历史、Ajaxify,但没有一个是没有错误的。

0 投票
2 回答
875 浏览

ajax - 使用 Ajax 历史记录和书签时,使用“#!”总是好的吗?而不仅仅是“#”?

Facebook 正在使用 Ajax 历史记录(后退和前进按钮)和书签,#!而不仅仅是#在 URL 中。这样做总是一个好主意吗,因为我认为通常的锚点可能会干扰 Ajax 历史机制以触发它处理普通锚点。

因此,Ajax History 函数只会在看到时才处理哈希部分,#!而不仅仅是#.

并且使用!与主流浏览器兼容?如果 Facebook 正在使用!,则猜测它可能会得到很好的支持。

0 投票
3 回答
13207 浏览

javascript - jQuery“window.location.hash” - 得到哈希太晚了?

我正在编写一些脚本,但它有一个严重的哈希问题。

我有一个链接图像列表,例如:

我要做的就是在单击第一张图片后加载文件 files/#1.html,在第二张图片之后加载 files/#2.html 等。

这是我的 jQuery 函数:

因此,当我单击图像时,它应该将哈希添加到 url (href="#1"),将正确的文件加载到 #displayFile div 并将其淡入。

但实际上,当我单击图像时,它显示为空的#displayFile div,并且在我用相同的哈希刷新站点后,它会加载内容。我相信脚本在 URL 中很久之前就获得了哈希值。

如何解决?

谢谢。

0 投票
2 回答
1254 浏览

javascript - JavaScript .hashchange 性能。它会带来任何放缓吗?

jQuery hashchange 事件

对我来说,它现在看起来是最成熟的解决方案(如果我错了,请纠正我)。我真的很喜欢这个用于处理浏览器哈希的插件。在某些情况下,它大大简化了 js 代码。

我真的很想开始广泛使用它,但我有一个问题要问你。

根据源它使用循环并检查哈希锚是否每 50 毫秒更改一次。

性能呢?我可以过度使用 hashchange 吗?它会导致性能显着下降吗?如果是在哪些情况下?

0 投票
4 回答
1176 浏览

ajax - 更改 URL 上的查询字符串和更新浏览器历史记录有哪些选择?

有什么方法可以更改 URL 或向“后退按钮”添加更多历史记录,而无需刷新整个页面?

我的应用程序是基于 AJAX 的,我想在历史记录中添加一些“撤消”事件,以便用户可以简单地回击并保留旧值。

今天有什么可能?我听说其中一些可能在 HTML5 中,但尚未检查当前浏览器支持的内容。

0 投票
1 回答
5222 浏览

javascript - 如何添加浏览器历史状态?

所以我看到很多人推荐jQuery 历史插件iFrame的 hidden- hack,但我真正需要的是这项技术的另一半:

这两个都很好用。现在,我想附上这两行

到一个事件,但似乎没有一个会被后退按钮一致触发。有没有办法添加浏览器历史状态以保存当前 URL,以便上述技术有效?