Question

这么长的故事，我正在开发一个Web应用程序并在其中使用AJAX。我试图在点击时禁用链接的默认操作，将哈希值附加到链接，然后从网址中删除“＃”。

我遇到的问题是，虽然相应地附加了哈希值，但是子串方法不提取“＃”，它提取后面的字母......

这是我的代码。 PS，我留下了我的评论，所以你得到了我试图去的地方所以我不知道....我的逻辑或设置可能是错误的....

$(document).ready(function(){

    //app vars
    var mainHash = "index";
    var menuBtn = $('.leftButton');
    //~~~~~~load the index page at first go.
    loadPage();

    //~~~~~~~~~~~~~~~~~~~~~~~~~~~menu show/hide
    menuBtn.click( function(){
        $('#menu').toggleClass();   
    });


    //Menu items on click , disable link default actions.
    $('#menu a').click( hijackLinks );


    //~~~~~~~~~~~~~~~~~~~~~~~~~~~functions for mobile index load AND hijacking app links to AJAX links.
    function loadPage(url){
        if( url == undefined){
            $('#contentHere').load('index.html #content', hijackLinks);
                window.location.hash = mainHash;
        } else {
            $('#contentHere').load(url + '#content', hijackLinks ); 
        }
    }


    function hijackLinks(e){
        var url = e.target.href;
        e.preventDefault();
        loadPage(e.target.href);
        window.location.hash = $(this).attr("href").substring(1);
    }
});

我想要的是从网址中删除“＃”。我做错了什么，我没看到/理解什么？

我已经尝试过substring / substr等，并且两者都做同样的事情，无论我选择插入子串参数中的数字，它们都会删除所有但是“＃”大声笑......

先谢谢。

Answer 1

好吧，你并没有真正改变链接本身，只改变了window.location.hash，并且哈希在开头总是有一个“＃”。

要更改整个网址（并删除“＃”），您需要执行的操作是manipulate the browser history。

虽然您应该知道它仅适用于较新的浏览器（确切的浏览器版本在链接中），因此如果您将网站定位到较旧的浏览器，您可能需要考虑使用哈希进行回退。如果您决定有这样的后备，我建议您搜索一个插件，而不是自己完成。

Javascript substring方法辅助

1 个答案: