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