Fatal编程技术网

Web applications 仅查看1个div的WebApp

web-applications html

Web applications 仅查看1个div的WebApp,web-applications,html,Web Applications,Html,我正在尝试创建一个webapp并四处搜索以查找教程。。。我找到了“jquery”，并注意到当我查看代码时，没有单一的网站，只有一些创建单一网站的div。。。这是怎么做到的？当我用div创建一个网站时，它们位于一个网站上 谢谢您要做的是识别url中哈希标记后面的文本，并相应地显示/隐藏某些div 使用jQuery可以很容易地做到这一点。下面是我写的一个非常粗略的例子，但应该能让你了解我在说什么 index.html#home将显示“第1页的内容” index.html#about将显示“第2页的内

我正在尝试创建一个webapp并四处搜索以查找教程。。。我找到了“jquery”，并注意到当我查看代码时，没有单一的网站，只有一些创建单一网站的div。。。这是怎么做到的？当我用div创建一个网站时，它们位于一个网站上

谢谢

您要做的是识别url中哈希标记后面的文本，并相应地显示/隐藏某些div

使用jQuery可以很容易地做到这一点。下面是我写的一个非常粗略的例子，但应该能让你了解我在说什么

index.html#home将显示“第1页的内容”

index.html#about将显示“第2页的内容”


第1页的内容
第2页的内容
var标识符=window.location.hash；
$（“.content_divs”）.hide（）；
如果（标识符==“#主页”）{
$（“#home#content_div”）.show（）；
}
else if（标识符==“#关于”）{
$（“#关于_content_div”）.show（）；
}
您的问题相当不清楚。我不知道你在问什么。抱歉，我的英语不是很好：我只是想知道如何管理它，创建一个包含多个站点的网站，如www.lalala.com/site1和www.lalala.com/site2，但将其转到/#site1和/#site2。所以在一个HTML文件中有一个body元素和一些div，它们代表每个站点。就像jquerywebapp的演示一样。谢谢你澄清这一点。我在下面添加了一个答案。谢谢，这正是我的意思！ 
<!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>