Question

首先，我的编码技巧非常基础所以请耐心等待。

我正在为一个有很多人贡献的艺术展创建一个网站。

我有一个名为profiles.html的页面，其中包含所有贡献者的个人资料。

每个配置文件都在称为配置文件的DIV中以及人名的锚标记中得到满足。

如果有人去网站 www.example.com/profiles.html 他们会看到所有的个人资料。

然而，当他们去了 www.example.com/profiles.html#example.name 他们只会看到那个人的个人资料。

我环顾互联网试图寻找答案，但我没有找到答案。

更新：

跟进问题。是否可以在profiles.html中看不到的profiles.html #examplename中显示/加载额外内容

Answer 1

假设你有：

每个配置文件周围class="profile"的包装器
每个pofile包装器上的id，匹配您的哈希值（如“example.name”）

然后我相信你想要这样的东西：

// On page load
$(document).ready(function(){

    // React to clicks on anchors
    window.onhashchange = hashChanged;

    // React to directly type urls
    hashChanged();

});

// When the URL hash (#something) changes
function hashChanged() {
    // hide all profiles
    $('.profile').hide();
    // get the current hasj minus '#'
    var profileId = window.location.hash.substr(1);
    // show only the appropriate profile
    $('#' + profileId).show();
}

仅显示具有锚点的特定div

1 个答案: