如何使用ajax/jQuery动态加载整个WordPress页面,如下面的网站所示?

时间:2011-08-07 作者:janoChen

本网站:http://www.ericpaulsnowden.com

(网站在Wordpress中完成)。

使用AJAX/jQuery动态加载页面和帖子。

有人知道怎么做吗?

1 个回复
最合适的回答,由SO网友:Eric Snowden 整理而成

是的,这是我的网站:)这是一个高水平的网站

1) 我构建了一个标准的html/css/javascript站点,没有ajax和Wordpress代码。布局完整,无内容。所有链接都是常规的a href链接-这有助于以后的向后兼容性。

2) 在Wordpress代码中添加了无需ajax即可获取内容的功能。确保所有内容都包装在一个一致的div中,我称之为container。

3) 我使用jQuery劫持对a href链接的所有点击。如果没有target=“\\u blank”或一类重写,那么我将使用ajax加载页面。我抓取url,查找容器的div(定义见上文),然后加载内容,保持页眉和页脚的一致性。我还使用JQuery地址更改页面的url和标题。

4) 当内容加载完成后,我会调用jQuery以淡入内容并将条重新定位到导航下。在通过ajax加载页面时,我还会调用其他调用来添加任何特定于页面的JS。

5) 最后我修改了我的。htaccess文件向每个页面添加一个www.,并在我的文件头中添加javascript,将哈希添加到url中,如果有人进行深度链接,则使用更多jQuery地址代码加载适当的页面。

希望这对你有所帮助!

埃里克

结束