jquery-ui-tabs - JQuery UI选项卡内容未在生成的内容div中加载？

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();
});

看起来您正在尝试将类选择器与您的脚本一起使用。