클릭시 다른보기 표시

Question

나는 학습을위한 레일스에 정말 기본적인 웹 사이트를 만들고 있습니다.

이 기능은 내가 지향하는 것입니다. 탭을 클릭하면 URL이 어떻게 변경되지 않는지주의하십시오.

http://tympanus.net/Blueprints/FullWidthTabs/

나는 현재 내 프로젝트의이 부분에 붙어있다. 내 application.html.erb에서

이 페이지는 현재 제가 클릭 한 탭에 따라보기를 표시 할 수 있습니다.

<div class="content"> 
    <section id="section-1"> 
     <!-- Home --> 
     <%= yield %> 
    </section> 
    <section id="section-2"> 
     <!-- photos --> 
    </section> 
    <section id="section-3"> 
     <!-- videos --> 
     three 
    </section> 
    <section id="section-4"> 
     <!-- projects --> 
     four 
    </section> 
    <section id="section-5"> 
    </section> 
</div> 

내 <%= yield %> 현재 나의 home.html.erb를로드합니다. 다른 탭 (projects.html.erb, photos.html.erb 등)을 표시하려면 다른 탭을 클릭하고 싶습니다. 그러나 레일즈에서이 작업을 수행하는 방법을 잘 모르겠습니다.

Answer 1

예제 웹 사이트에서 서버에 대한 요청이 하나만있는 동안에는 모든 탭이로드됩니다. 즉, 모든 탭 데이터 (사진, 비디오 ..)를 한 번에 (한 요청 처리 중에) 렌더링해야하는 똑같은 기능을 수행하려면 클라이언트 측에서 '표시/숨기기 탭'을 구현해야합니다. Html/JavaScript.

당신이 웹에 새로운 경우

, 난 당신을 권하고 싶습니다 :

1) 모든 데이터 섹션은 한 번에 볼 수 것입니다 페이지를 구현합니다. 웹에 대한 많은 RoR 자습서가 있습니다.

2) 그런 다음 탭을 구현하십시오. 예 : PaulProgrammer 제안 또는 다른 ui 라이브러리로 jqueryui.com/tabs을 사용할 수 있습니다.

행운을 빈다.