Блог

Я сделал пример создания вкладок пользовательского интерфейса jquery, я создаю динамическую таблицу «на лету» и визуализирую эту таблицу на вкладке пользовательского интерфейса jquery. но таблица отображается только на последней вкладке и не отображается на первых двух вкладках. ниже приведен мой код.

 <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, но та же проблема.

Вы могли бы попробовать добавить append($table.clone()) . Когда вы добавляете единственный экземпляр вашей таблицы в следующий раздел, он удаляет его из предыдущего раздела.