Jquery 탭을 선택할 수 없습니다

Question

내 레일 응용 프로그램에 jquery-ui 탭을 사용하려고합니다. 탭은 표시되지만 선택할 수는 없습니다.

<div id="navigation"> 
    <ul> 
    <li><%=link_to "Home", "#" %></li> 
    <li><%=link_to "About", :controller=>"home", :action=>"about" %></li> 
    <li><%=link_to "Pastors", "#" %></li> 
    <li><%=link_to "Staff", "#" %></li> 
    <li><%=link_to "Ministries", "#" %></li> 
    <li><%=link_to "Events", "#" %></li> 
    <li><%=link_to "Youth", "#" %></li> 
    <li><%=link_to "Services", "#" %></li> 
    <li><%=link_to "Media", "#" %></li> 
    <li><%=link_to "Contact Us", "#" %></li> 
    </ul> 
</div> 
<link type="text/css" href="pepper-grinder/jquery-ui-1.8.16.custom.css"> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#navigation").tabs(); 
    }); 
</script> 

Answer 1

필자는 tabs() 함수가 각 탭의 데이터를로드하는 방법을 지정해야한다고 생각합니다. jQuery UI에는 여기에 정보가 있습니다 : http://jqueryui.com/demos/tabs/. 이 도움이되지 않는 또는 잘못된 경우

$("#navigation").tabs({ 
    ajaxOptions: { 
     error: function(xhr, status, index, anchor) { 
      $(anchor.hash).html(
       "Couldn't load this tab."); 
     } 
    } 
}); 

내가 사과 : 당신이 아약스 사용하려면 jQuery를이 this example에서 제공 같은

당신이 뭔가를 할 수 있습니다. 감사!

Answer 2

jquery-tools도 사용하고 있습니까?

두 라이브러리간에 네임 스페이스가 충돌하므로 탭이 둘 다 정의됩니다.

jqueryui/downloads 링크로 이동하여 탭 구성 요소없이 사용자 정의 jquery-ui 파일을 작성하여이 문제를 해결했습니다.