內容不顯示在jquery ui標籤

Question

我已經做了一個創建jquery ui選項卡的示例，我正在創建一個動態表，並在jquery ui選項卡中呈現該表。但它只顯示最後一個選項卡中的表格，而不顯示在前兩個選項卡中。下面是我的代碼。

<script> 
$(document).ready(function(){ 
    var $table = $('<div><table><th>Name</th><th>Age</th>Address<th></th></table></div>'); 

    var $myDiv = $('<div id="tabs">'+ 
         '<ul>'+ 
          '<li><a href="#tabs-1">Nunc tincidunt</a></li>'+ 
          '<li><a href="#tabs-2">Proin dolor</a></li>'+ 
          '<li><a href="#tabs-3">Aenean lacinia</a></li>'+ 
         '</ul>'+ 
          '<div id="tabs-1">'+ 
          '</div>'+ 
          '<div id="tabs-2">'+   
          '</div>'+ 
          '<div id="tabs-3">'+ 
          '</div>'+ 
       '</div>'); 
       alert($myDiv); 

    $myDiv.appendTo("body"); 

    $myDiv.tabs(); 
    $("#tabs-1").append($table); 
    $("#tabs-2").append($table); 
    $("#tabs-3").append($table); 
}); 
</script> 

我只是陷入了這一點，我也嘗試appendTo方法以及同樣的問題。

Answer 1

您可以嘗試加入append($table.clone())。將表格的單個實例附加到下一節時，會將其從前一節中刪除。