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> 

标签的标题都很好，不过内容无法正确显示，这里是截图

当我看到萤火虫的代码，我发现，内容标签加载但内容不包含在其中。如何解决这个问题？

Answer 1

尝试在你的脚本标签以下内容：

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

它看起来像你想与你的脚本中使用类选择。