Question

我的网站基本上显示了与商家有关的信息。我不想拥有一个多页面网站（关于我们，联系我们和其他此类网页），但我有相当多的内容要显示。

我不希望通过AJAX从服务器连续提取来反复加载内容。

因此，我是否可以在第一次加载时加载所有内容，并且只显示所需内容（可见）并使用jQuery隐藏和显示相应的内容。这是一种可以采用的正确方法吗？它有什么可能的缺点？

Answer 1

使用Singlepage框架可以实现您所要求的内容，例如： http://alvarotrigo.com/fullPage/或AngularJS

优点：

立即对所有内容进行前端访问

缺点：

长页面加载可能导致404或连接速度慢
取决于用户设备。如果用户没有当前的浏览器，那么您的页面可能会中断。
客户端可能未启用JavaScript，完全破坏了您的网站
如果有很多数据，那么用户设备可能无法处理它。 JavaScript可能会对旧设备造成沉重负担。

编辑1

我个人对单页解决方案的偏好是AngularJS，所以如果你对此感兴趣，我会推荐这个教程：

scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating

Answer 2

<a href="#about-us" title="About Us">About Us</a>

<div id="about-us" class="content">Some content here</div>


<script>
    $(document).ready(function(){
        $('a').click(function(){
            var link = $(this).attr('href');
            $('.content').hide();
            $(link).show();
        });
    });
</script>

使用jQuery隐藏/显示内容

2 个答案: