jQueryUI的Tabls如何在Ruby的工作

Question

在軌道上3.1+這是我的代碼

_form.html.erb：

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Tab1</a></li> 
    <li><a href="#tabs-2">Tab2</a></li> 
    </ul> 
</div> 

test.js.coffee

$("#tabs").tabs() 

在我的應用程序.js

//= require jquery 
//= require jquery_ujs 
//= require jquery.ui.all 
//= require_tree . 

爲什麼不選擇顯示？我嘗試的application.js

$(document).ready(function() { 
    alert("test!"); 
    $("#tabs").tabs(); 
    } 

測試消息顯示寫，但標籤不渲染...感謝在先進的幫助我

Aesis。

Answer 1

老兄，你需要每個標籤的內容。每個錨點都使用href attibute指向其選項卡的內容。你需要放置一個名爲tabs-1的div和一個名爲tabs-2的div來使其工作。

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Tab1</a></li> 
     <li><a href="#tabs-2">Tab2</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Hi, this is the first tab.</p> 
    </div> 
    <div id="tabs-2"> 
     <p>This is the 2nd tab.</p> 
    </div> 
</div>