Rails 3.2에서 Twitter 부트 스트랩으로 토글 알약을 구현하려면 어떻게해야합니까?

Question

나는 내 발언을 설명하기 위해이 스 니펫을 꺼냈다.

<ul class="nav nav-pills nav-stacked red"> 
    <li><%= link_to "Home", 'http://localhost:3000/home' %></li> 
    <li><%= link_to "About", 'http://localhost:3000/about', :data => {:toggle=>"pill"} %></li> 
</ul> 

"홈"을 클릭하면 링크에서 'http : // localhost : 3000/home'으로 연결됩니다. 내가 클릭하면 피임약이 토글되지만 링크가 작동하지 않습니다. 이것은 결과 HTML입니다 :

<ul class="nav nav-pills nav-stacked red"> 
    <li><a href="http://localhost:3000/home">Home</a></li> 
    <li><a href="http://localhost:3000/about" data-toggle="pill">About</a></li> 
</ul> 

내 목표는 링크를 클릭하고 주소로 이동하여 해당 알약을 강조 표시하는 것입니다.

은 여기 = "약을"데이터 전환에 대한 팁을 보았다 도움을 http://twitter.github.com/bootstrap/javascript.html#tabs

감사합니다!

Answer 1

내가 현재 페이지가 활성화 된 경우 검사를 수행 감아

<li class="<%= 'active' if current_page?(root_path) %>"> 
    <%=link_to root_path do %> 
     <i class="icon-white icon-home"></i> 
     Home 
    <% end %> 
</li> 

Answer 2

나는 그런 식으로 작동하지 않는다고 생각합니다. 제공된 예제의 데이터 토글에는 앵커 링크 (#about)가 있고 다른 페이지로 리디렉션됩니다. 해당 서버 측을 수행하거나 앵커 링크를 사용해야합니다.

Answer 3

같은 문제에 속해서 실험을 좀 더했습니다. 내 결과에서 외부 링크를 사용하려면 다음과 같은 "데이터 전환"속성을 제거해야합니다 :

<ul class="nav nav-pills nav-stacked red"> 
    <li><%= link_to "Home", 'http://localhost:3000/home' %></li> 
    <li><%= link_to "About", 'http://localhost:3000/about' %></li> 
</ul> 


<ul class="nav nav-pills nav-stacked red"> 
    <li><a href="http://localhost:3000/home">Home</a></li> 
    <li><a href="http://localhost:3000/about">About</a></li> 
</ul>