jQuery / Ajax从窗口端加载和显示内容

Question

我正在寻找一个jQuery脚本来通过Ajax加载内容（不重新加载页面）有两个要求：

• 我需要更改每个内容的网址
• 我想加载某种效果或过渡的内容

我正在寻找的效果是this page（点击徽标，向下滚动页面，然后点击左/右箭头：内容从侧面出现，URL已更改！）

我长时间搜索这样的东西，但我没有结果:(

非常感谢！

Answer 1

对于第一点，您可以使用`history.pushState（null，＆＃39;新标题＆＃39;，＆＃39;新网址＆＃39;）。 这是the compatibility table

对于第二点，使用jquery，你可以这样做：

$.ajax(
    url:'your/path/to/the/new/page',
    success:function(data){
        $('body').animate({'left':'-'+window.width}, 'slow', function(){
            document.write(data)
        });

    }

）

正文应该有position: relative;

这是未经测试的原型

Answer 2

您提到的链接（http://www.themealings.com.au/）使用jquery mobile来完成工作。使用jquery mobile，您可以自动ajaxify链接，可以进行历史管理和动画页面。