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/という情報があります。あなたは、AJAXを使用したい場合は、jQueryのような何かを行う可能性があります

はthis exampleになります：これは役に立たないか正しくない場合

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

私は謝ります。ありがとう！

Answer 2

jquery-toolsも使用していますか？

タブが両方で定義されているという点で、2つのライブラリ間に名前空間の衝突があります。

私はこれをjqueryui/downloadsリンクに行き、タブコンポーネントなしでカスタムjquery-uiファイルを作成して解決しました。