是否在生成的内容div中未加载JQuery UI选项卡内容？

Question

下面是我的代码：

<div class="tabs">
<ul>
    <li><a href="#tabs-1">tab1</a></li>
    <li><a href="#tabs-2">tab2</a></li>
    <li><a href="#tabs-3">tab3</a></li>
    <li><a href="#tabs-4">tab4</a></li>
</ul>
   <div id="tabs-1">
      tab1
   </div>
   <div id="tabs-2">
      tab2
  </div>
   <div id="tabs-3">
      tab3
   </div>
   <div id="tabs-4">
      tab4
   </div>
</div>
<script>$(function() { $( ".tabs" ).tabs(); });</script>

标签标题很好，但是内容显示不正确，这是一个截图

​

当我查看firebug的代码时，我发现内容选项卡已加载，但内容并未包含在其中。如何解决这个问题？

​

​

Answer 1

在脚本标记中尝试执行以下操作：

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

看起来你正在尝试在你的脚本中使用类选择器。