Question

我只使用了一个链接实例，但我想整合我的代码并为每个链接实例重复使用相同的代码段。

目前我有工作：

$("nav a").live('click', function(){
        window.location.hash = '!/' + usr + '/' + $(this).attr("href").replace('.php', '/');
        origHash = $(this).attr("href");
        return false;
    });
$("#files-left-pane a").live('click', function(){
        window.location.hash = '!/' + usr + '/files/' + $(this).attr("href").replace('.php', '/');
        origHash = $(this).attr("href");
        return false;
    });
    $(window).bind('hashchange', function(){
            dump = window.location.hash;
            newHash = window.location.hash.substring(3).replace(usr + '/', '').replace('/', '.php');//.replace('files/', '');
            //newHash = window.location.hash.replace(dump, origHash, 'g');
            console.log(newHash);
            if (newHash) {
                $wrap.find("#main-content").fadeOut(200, function() {
                    $wrap.load(newHash + " #main-content", function() {
                        $content.fadeIn(function() {
                            $wrap.animate({
                                height: baseHeight + $content.height() + "px"
                            }, 500);
                        });
                    });
                });
            }
    });

现在，如果用户点击$（“nav a”），它会使window.location.hash看起来像这样

（在此示例中，用户点击<a href="files.php">Files</a>） www.site.com /＃！/ s2xi /文件/

$（window）.bind（'hashchange'）然后将散列转换为

www.site.com/files.php

然后，如果用户点击位于files.php的子菜单中的$（“＃files-left-pane a”）。 window.location.hash将如下所示：

（在此示例中，用户点击<a href="buy.php">Buy</a>） www.site.com /＃！/ s2xi /文件/买入/

$（window）.bind（'hashchange'）然后应该将哈希转换为

www.site.com/buy.php

Answer 1

如果您想要的只是最后一个字并添加“.php”，那很容易你有两种方法，我认为最容易的是分裂（另一种是正则表达式）。

var splittedHash = window.location.hash.split("/")
newHash = splittedHash[splittedHash.length - 2] + ".php";

应该很容易做到。

顺便说一句，正则表达式版本是：

newHash =  window.location.hash.match(/[^\/]*\/$/)[0].replace("/","") + ".php"

如何根据链接点击动态更改网址中的哈希位置

1 个答案: