jQueryUI选项卡介绍如何工作

Question

在Ruby on rails 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();
  }

测试消息显示，但选项卡不呈现。。。谢谢你帮我

伊西斯。

Answer 1

老兄，你需要每个选项卡的内容。每个锚点都使用href属性指向其选项卡的内容。您需要放置一个名为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>