2012-01-01 30 views
1

我正在嘗試在我的rails應用程序中使用jquery-ui選項卡。選項卡可見但不可選。Jquery製表符不可選

<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> 
+0

你是否包含了jquery和jquery-ui js文件?你是否收到任何Javascript錯誤? – jncraton 2012-01-01 03:06:11

回答

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."); 
     } 
    } 
}); 

我道歉,如果這是無益的或不正確:

,如果你想使用Ajax像jQuery給出this example你可能會做一些事情。謝謝!

1

你是否也使用jQuery工具?

這兩個庫之間存在命名空間衝突,在這兩個庫中定義了這些選項卡。

我解決了這個問題,轉到jqueryui/downloads鏈接並創建一個沒有tabs組件的自定義jquery-ui文件。