Question

我正在尝试在我的rails应用程序中使用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，可以在this example中执行类似jQuery的操作：

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

如果这无益或不正确，我道歉。谢谢！

Answer 2

你还在使用jquery-tools吗？

两个库之间存在名称空间冲突，两个库中都定义了这两个库。

我通过转到jqueryui / downloads链接并创建一个没有制表符组件的自定义jquery-ui文件来解决这个问题。

Jquery选项卡不可选

2 个答案: