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>