php - 将布局与 URL 匹配的问题

Question

我正在做一个小项目，我有一个问题。 我正在处理的网站结构如下: 网站的所有部分都在同一个文档中，其中布局上蓝色部分是菜单，数字改变了 1 2 3 div 的位置(使用 jQuery)，将所选部分移动到它的中心，其他的从布局中出来。

    $("li").click(function() {
    var selectedText = $(this).text();
    $(this).addClass("active");
    $(this).siblings().removeClass("active");
    if (selectedText == "Upload") {
        $('#homePage').animate({
            left: 2000
        }, 1000);
        $('#upload').animate({
            left: 105
        }, 1000);
        $('#explore').animate({
            left: 2000
        }, 1000);

    }
    if (selectedText == "Gallery") {
        $('#homePage').animate({
            left: 0
        }, 1000);
        $('#upload').animate({
            left: -2000
        }, 1000);
        $('#explore').animate({
            left: 2000
        }, 1000);

    }
    if (selectedText == "Explore") {
        $('#homePage').animate({
            left: -2000
        }, 1000);
        $('#upload').animate({
            left: -4000
        }, 1000);
        $('#explore').animate({
            left: -2000
        }, 1000);

    }
});

我现在需要做的是在更改部分时正确更改网站的 url，我希望能够通过 url 到达正确的部分。 我尝试了 location.hash 方法，但是当我更改主题标签值时，滑动的 jquery 动画错误地移动了 div(使用此处发布的相同代码，将“var selectedText”作为哈希值)...我正在寻找一个解决方案，我找到了 HTML5 pushState，但我真的不知道如何在我的案例中使用它，因为我没有任何 AJAX 请求或任何东西。 感谢大家!

Answer 1

获取 URI。

document.documentURI

并获取该部分。

var URI = document.documentURI;
var section = URI.substring( URI.lastIndexOf('/') + 1 ).replace('.html', '');

这将从 www.xy.com/foo.html

返回 foo

希望我理解你的问题是正确的。