URL에 따라 표시되는 div 지정

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을 북마크하고 이벤트를 실행할 수 있습니다.
인터넷을 검색하면 동일한 작업을 수행 할 수있는 다른 라이브러리를 찾을 수 있습니다.

당신은 같은 (간체) 할 수 있어야 : 데모 http://cdn.tutsplus.com/net/uploads/legacy/011_jQuerySite/sample/index.html#portfolio에

//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 
    }