如何更改hash /#/ for /#!/

时间:2012-05-19 22:09:47

标签: jquery ajax wordpress hash

我正在使用wordpress,我想在点击任何本地链接后更改网址。我正在使用ajax加载页面,这就是我想要这样做的原因。我可以更改网址,在“http://site.com/”和加载的内容/ example-page /之间添加一个哈希值,结果:“http://site.com/#/example-page”并加载示例页面,但我想添加“!”标记为“http://site.com/#!/example-page”just like this theme
我正在使用jquery-hashchange插件顺便提一下 请让我知道你的想法。

此代码在解决后编辑,因此这是正确的代码。

jQuery(document).ready(function($) {
  var $mainContent = $("#container"),
    siteUrl = "http://" + top.location.host.toString(),
    url = '';
  $(document).delegate("a[href^='"+siteUrl+"']:not([href*=/wp-admin/]):not([href*=/wp-login.php]):not([href$=/feed/])", "click", function() {
    location.hash = '!' + this.pathname;
    return false;
  });
  $("#searchform").submit(function(e) {
    location.hash = 's/' + $("#s").val();
    e.preventDefault();
  });
  $(window).bind('hashchange', function(){
    url = window.location.hash.substring(3);
    if (!url) {
      return;
    }
    url = url + " #content";
    $mainContent.animate({opacity: "0.1"}).html('Please wait...').load(url, function() {
      $mainContent.animate({opacity: "1"});
    });
  });
  $(window).trigger('hashchange');
});

1 个答案:

答案 0 :(得分:3)

更改

location.hash = this.pathname;

location.hash = "#!" + this.pathname;

(严格来说,你之前应该有哈希)并改变

url = window.location.hash.substring(1);

url = window.location.hash.substring(2);

并且还要改变

location.hash = '?s=' + $("#s").val();

location.hash = '#!?s=' + $("#s").val();