Содержимое не отображается на вкладках 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()).Когда вы добавляете единственный экземпляр вашей таблицы в следующий раздел, он удаляет его из предыдущего раздела.