jquery - 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()

在我的 application.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>