Question

首先，我是一个初学者，所以请耐心等待。

我已经完成了我的研究，并且我找到了几种方法来做到这一点，但由于某些原因，对我来说没有任何作用。我必须为学校作业创建一个网上商店，我将所有页面编码为隐藏的div，以便页面跳转过渡不会出现。

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/ 这基本上就是我想要做的。

<div id="menshirts" class="page content">
    <div id="innercontent">

    </div><!--innercontent-->
    </div><!--menshirts-->

我有一个div，如上面显示的所有页面，但现在我只需要与之对应的URL以便更好地导航。有人可以帮帮我吗？

Answer 1

您是否已查看sammy.js？
它基本上允许您在前端定义路由，以便用户可以为URL添加书签，并且可以触发事件如果您搜索网络，您会发现其他库可以为您做同样的事情。

你应该可以做一些事情（简化），如：

    //Initialize sammy 
    App = $.sammy("#wrapper", function() {
        this.get('#home', function(){getRouter('home');});
    }

    //-> this code gets executed when the user clicks #home (anchor) within the wrapper 
    //You can do here whatever you want basically. 
    function getRouter(routerName){
        var page = routerName;
        //code to fadeIn/Show page based on identifier 
    }

根据URL指定显示哪些div

1 个答案: