使用AJAX进行调用时不要更改URL

我正在使用jQuery $.ajax创建一个网站，一旦我单击菜单图标，就会打开一个覆盖，并根据链接href属性显示请求的内容。当我这样做时，网站的URL会更改为您单击的任何链接。例如，如果单击"about"，则URL将为http://example.com/#about。

我不希望这样，因为当你关闭覆盖时，网站会像http://example.com/#about一样，如果你以这种方式进入网站，关于页面不会打开，甚至覆盖也不会打开。我想知道是否有一种方法可以使URL不变，并且始终为http://example.com。

这是我当前的jQuery代码：

$(function() {
    $('.w-container .w-nav-menu a').click(function() {
        var $linkClicked = $(this).attr('href');
        document.location.hash = $linkClicked;
        var $pageRoot = $linkClicked.replace('#', '');
        if (!$(this).hasClass("active")) {
            $(".w-container .w-nav-menu a").removeClass("active");
            $(this).addClass("active");
            $.ajax({
                type: "POST",
                url: "load.php",
                data: 'page='+$pageRoot,
                dataType: "html",
                success: function(msg){
                    if((msg))
                    {
                        $('.content').html(msg);
                        $('.content').hide().fadeIn();
                    }
                }
            });
        }
    else {
        event.preventDefault();
    }
});
var hash = window.location.hash;
hash = hash.replace(/^#/, '');
switch (hash) {
    case 'products' :
        $("#" + hash + "-link").trigger("click");
        break;      
    case 'about' :
        $("#" + hash + "-link").trigger("click");
        break;
    case 'storelocator' :
        $("#" + hash + "-link").trigger("click");
        break;
    case 'media' :
        $("#" + hash + "-link").trigger("click");
        break;
    case 'faq' :
        $("#" + hash + "-link").trigger("click");
        break;
    case 'contact' :
        $("#" + hash + "-link").trigger("click");
        break;
    }
});