jquery - WordPress 中的 HTML5 pushState()

Question

我正在尝试为 wordpress 网站实现 pushstate 并遇到一些真正的麻烦

我试过使用这些

当我使用 http://html5.gingerhost.com/ = 我得到错误

GET http://wwww.mydomain.com/content.php?format=json

404 Not Found
        487ms   
jquery.min.js (line 4)

"NetworkError: 404 Not Found - http://www.mydomain.com/content.php?format=json"

这两种方法向我展示了整个页面！而不是指定部分

1. http://tinywall.info/2012/02/22/change-browser-url-without-page-reload-refresh-with-ajax-request-using-javascript-html5-history-api-php-jquery-like- facebook-github-导航菜单/

2. http://www.franckmaurin.com/how-to-use-html5-history-with-wordpress-jquery/

我是否错过了与 wordpress 相关的内容？

我的导航看起来像这样

    <ol class="primary-nav">  
        <li class="page_item"><a href="http://www.mydomain.com/charities">/&nbsp;Charities</a></li>
        <li class="page_item"><a href="http://www.mydomain.com/contact">/&nbsp;Contact</a></li>
        <li class="page_item"><a href="http://www.mydomain.com/join-us">/&nbsp;Join us</a></li>
        <li class="page_item"><a href="http://www.mydomain.com/news">/&nbsp;News</a></li>
        <li class="page_item"><a href="http://www.mydomain.com/who-we-are">/&nbsp;Who we are</a></li>
    </ol>

Answer 1

我用这个方法解决了

http://www.franckmaurin.com/how-to-use-html5-history-with-wordpress-jquery/

问题是 ajax 请求请求整个 html 而不是特定数据

所以我改变了

 $(this).html(data).fadeTo('fast', 1);

至

 $(this).html($(data).find('#main').html()).fadeTo('fast', 1);

或者

  var requiredElement = $(data).find('#main').html()

  $(this).html(requiredElement).fadeTo('fast', 1);