jQuery + Ajax 哈希/历史记录等

2024-01-01

我正在尝试使用 jQuery 中的 URL 哈希来控制 Ajax 中的历史记录并使链接/页面可添加书签。我已经尝试了几乎所有插件,但似乎都无法正常工作,所以我实际上没有任何代码示例。但我愿意接受任何建议、信息、教程等。

我试图将其合并到的其中一个页面的不同之处在于,我有一个 jQuery 动画驱动的启动/加载页面,这也是所有内容将加载到的同一页面。

..在此链接上,我想绕过所有启动/加载动画并直接根据哈希值/字符串(在本例中为#home)加载内容。

我已经尝试解决这个问题有一段时间了,非常感谢任何帮助,谢谢!


那么你有什么问题吗?设置哈希标签或处理哈希的更改?

当然,设置哈希值只是将哈希值放入链接的问题,例如<a href="www.voidsync.com/2010/#page">Link</a>但我猜这不是你的问题。

要实际对哈希执行某些操作,您必须有一个侦听器函数,例如每 100 毫秒检查一次哈希是否发生更改并采取相应的操作。一个简单的函数可以像这样:

$(function() {
    var current_hash = false;
    setInterval(function() {
        if(window.location.hash != current_hash) {
            current_hash = window.location.hash;
            $('#content').load("content.php?page="+current_hash);
        }        
    }, 100);    
});

该(未经测试的)函数将每 100 毫秒检查一次哈希是否已更改,如果已更改,则通过 Ajax 更新页面。

此功能也适用于页面加载,因此如果用户通过以下链接登陆页面www.voidsync.com/2010/#images,该函数将自动加载页面“图像”。所以历史和书签是有效的。

希望有帮助,只是问你是否还有别的意思。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery + Ajax 哈希/历史记录等 的相关文章

随机推荐