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

它看起來像你想與你的腳本中使用類選擇。