트위터 부트 스트랩 탭 링크

스타일링을 위해 트위터 부트 스트랩으로 설정 한 레일 프로젝트가 있습니다. 한 페이지에는 3 개의 탭 # 1, # 2, # 3이 있습니다.트위터 부트 스트랩 탭 링크

다른 페이지의 탭 # 2와 같이 특정 탭에 어떻게 연결할 수 있는지 알고 싶습니다. # 2, 앵커와 링크를 만들려고했지만 작동하지 않습니다 ... 페이지가로드 될 때 자동으로 탭 # 1을로드합니다 (참고 : 탭 # 1은 html의 '활성'클래스에 할당됩니다.).

내가 누락 된 항목이 있습니까?

속성을 추가하려면 JS가 필요합니까? 그것은 다른 페이지가이 코드는 듯

출처

2012-04-06 slovak_100

[Twitter 부트 스트랩 탭 : 페이지 새로 고침의 특정 탭으로 이동] (http://stackoverflow.com/questions/7862233/twitter-bootstrap-tabs-go-to-specific-tab-on-page) -reload) –

나는 당신이 당신의 routes.rb을 조사하고 변경해야한다고 생각 문제를 해결하려면

:javascript 
    $(document).ready(function(){ 
    $('a[href="' + window.location.hash + '"]').click() 
    });

출처

2012-04-06 14:14:27 dennis

렌더링 작업에 따라 활성 클래스를 제공 렌더링 것 => "컨트롤러 # 액션"에 루트 :

출처

2012-04-06 14:21:47

여기에 자바 스크립트가 필요하지 않습니다. 탭은 탭 머리글 및 탭 내용에서 '활성'클래스를 사용하여 활성 상태로 트리거됩니다. 내용을 표시하고 탭을 강조 표시하는 활성 클래스입니다. 조건부로 올바른 탭 헤더/내용에 활성 클래스를 추가 할 수 있습니다.

링크를 통해 특정 탭을 타겟팅하려면 ... /? tab = credentials과 같은 url 매개 변수를 사용합니다. 탭의 url 매개 변수가있는 경우 탭 목록에서 해당 매개 변수를 색인화 한 다음 해당 색인을 활성화 대상으로 지정합니다. tab url param이 없으면 첫 번째 탭 (인덱스 0)을 활성화 대상으로 지정합니다.

출처

2017-08-07 14:46:26 hellion

트위터 부트 스트랩 탭 링크

답변

관련 문제