Jquery вкладки не выбираются

Question

Я пытаюсь использовать вкладки jquery-ui с моим приложением rails.Вкладки видны, но недоступны для выбора.

<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

Вы также используете jquery-tools?

Существует конфликт пространства имен между двумя библиотеками, в котором вкладки определены в обеих.

Я решил эту проблему, перейдя по ссылке jqueryui / downloads и создав собственный файл jquery-ui без компонента tabs.

Answer 2

Полагаю, вам все еще нужно указать, как функция tabs () будет загружать данные для каждой вкладки. Пользовательский интерфейс jQuery имеет информацию здесь: http://jqueryui.com/demos/tabs/.

Вы можете сделать что-то вроде того, что дает jQuery в этом примере , если вы хотите использовать ajax:

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

Я прошу прощения, если это бесполезно или неправильно. Спасибо!