0

私は webapp を作成しようとしていて、チュートリアルを見つけるために検索しました...「jquery」を見つけ、コードを見ていると、単一の Web サイトではなく、単一のサイトを作成したいくつかの div しかないことに気付きました...それはどのように行われますか?div を使用して Web サイトを作成すると、それらは 1 つの Web サイト上にあります。

ありがとう

4

1 に答える 1

0

あなたがしたいことは、URLのハッシュタグの後に来るテキストを特定し、それに応じて特定のdivを表示/非表示にすることです。

これはjQueryを使用して簡単に行うことができます。以下は私が書いた非常に大まかな例ですが、私が話していることのアイデアをあなたに与えるはずです。

index.html#homeは「ページ1のコンテンツ」を表示します

index.html#aboutは「2ページ目のコンテンツ」を表示します

<!DOCTYPE HTML>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
</head>
<body>

    <div id="home_content_div" class="content_divs">
        Content from page 1
    </div>
    <div id="about_content_div" class="content_divs">
        Content from page 2
    </div>

    <script>
         var identifier = window.location.hash;

         $(".content_divs").hide();
         if (identifier === "#home") {
             $("#home_content_div").show();
         }
         else if (identifier === "#about") {
             $("#about_content_div").show();
         }
    </script>

</body>
</html>
于 2012-07-24T15:47:48.173 に答える