0

まず、私のコーディングスキルは非常に基本的なものですので、ご容赦ください。

多くの人が貢献している美術展のウェブサイトを作っています。

貢献した人々のすべてのプロファイルを含むprofiles.htmlというページがあります。

各プロファイルは、人物名のアンカータグとともに、プロファイルと呼ばれるDIV内に含まれています。

Webサイトwww.example.com/profiles.htmlにアクセスすると、すべてのプロファイルが表示されます。

ただし、
www.example.com / profiles.html＃example.nameにアクセスすると、その人のプロファイルのみが表示されます。

私は答えを見つけるためにインターネットを見回しましたが、何も見つかりませんでした。

アップデート：

フォローアップの質問。プロファイル.htmlには表示されない追加のコンテンツをprofiles.html＃examplenameに表示/ロードすることは可能ですか？

4

1 に答える 1

0

あなたが持っていると仮定します：

  • 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();
}
于 2013-02-20T20:13:56.633 に答える