单击链接时，window.location.hash 会继续附加名称而不是替换它

Question

好的，我已经让这个脚本正常工作了 99%，但我似乎无法弄清楚这一点。

当用户单击链接时，它会获取 href 值并将其切碎，然后为我提供 url 的最后一段。在此示例中，我会说它的 home，

因此我的脚本会获取 home 并将其添加到地址栏中的 url。 所以它在完成它的魔力后看起来就像http://www.site.com/user/s2xi/home。

但最初我遇到了一个问题，由于链接工作方式的本质，我想它会继续附加我的网址，如下所示 http://www.site.com/user/s2xi#/home我的服务器不存在

所以我能够摆脱#并且它让一切恢复正常...哦等等，不，并不是所有的东西在第一次尝试时总是完美的...

所以我然后意识到我的脚本是附加链接名称而不是替换它们...哦不，现在怎么办？

我的链接现在看起来像这样： http://www.site.com/user/s2xi/home/someOtherLink

它将把新的链接名称附加到旧的链接名称，而不是替换它...

我的脚本：

var newHash    = "",
        shref      = "",
        content    = '#content',
        $c         = $("#content"),
        $cw        = $("#content-wrapper");

    $(".menu-link, #my-account-link").live('click', function(){
        shref = $(this).attr("href").split("/");
        parent.location.hash = $(this).attr("href");
        window.location.hash = shref[5];
        console.log(window.location.hash);
        return false;
    });

    $(window).bind('hashchange', function(){
        if (location.href.indexOf("#") > -1) {
            location.assign(location.href.replace(/\/?#/, "/"));
        }
        newHash = window.location.hash;
        //newHash = window.location.hash.substring(1);
        //newHash = window.location.substring(1);
        //console.log(newHash);
        if(newHash)
        {
            $cw.find(content).fadeOut(200, function() {
                $cw.load(newHash + " #content-wrapper", function() {
                    $c.fadeIn();
                });
            });
        }
    });
    $(window).trigger('hashchange');

脚本逻辑可能有什么问题？

Answer 1

首先，如果没有 /.../g，您只需替换第一个匹配项，这可能就是您想要的。

您的逻辑似乎是：

1. 将 # 替换为链接，因此散列现在变成链接
2. 当您单击链接时，处理程序将获取当前 href 属性中的最后一段并将其放入散列中。 请注意，您尚未从网址中删除该段。

换句话说，假设它以：

http://www.site.com/user/s2xi

例如，您的 href 是 http://www.site.com/user/s2xi/home< /a>.然后点击，你会得到 shref[5] = "home"。然后将其添加到当前网址的哈希中，这使得它：

http ://www.site.com/user/s2xi#home

然后将该哈希值转换回链接：

http://www.site.com/user/s2xi/home

一切都很好。第二次单击链接时，例如 http://www.site.com/user/ s2xi/foo。单击后，shref[5] = "foo"。

然后将其添加到当前 url 的哈希值中：

http://www.site.com /user/s2xi/home#foo

然后将该哈希值转换回链接：

http://www.site.com/user/s2xi/home/foo

瞧。您附加了链接而不是替换它。您应该替换 url 中的段。