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())。当您将表的单个实例附加到下一部分时，它会将其从前一部分中删除。

内容未显示在jquery ui选项卡中

1 个答案: