内容不显示在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())。将表格的单个实例附加到下一节时，会将其从前一节中删除。