jQuery + Ajax Hash/History等等

Question

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

我尝试将其合并到一个页面上的区别在于我有一个jQuery动画驱动的启动/加载页面,这也是所有内容将被加载到的页面.

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

我一直试图想出这个问题一段时间,非常感谢任何帮助,谢谢!

Answer 1

那你有什么问题？设置哈希标记或处理哈希的更改？

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

要实际使用散列执行某些操作,您必须具有一个侦听器函数,该函数检查例如每100ms更改散列并相应地执行操作.一个简单的函数可以像这样:

$(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);    
});

如果散列已经改变,那么(未经测试的)函数将检查每100ms,如果有,则通过Ajax更新页面.

此功能也适用于页面加载,因此如果用户使用链接登陆页面www.voidsync.com/2010/#images,该功能将自动加载页面"图像".所以历史和书签工作.

希望有所帮助,只要问你是否有其他意义.