Question

我正在尝试克隆一个选项卡的内容，然后将其附加到DIV，这是一个jQuery选项卡，然后刷新它。

这是我的代码：

    $.fn.addDegree = function (tabId, tabLabel) {
            $('#degree_tabs ul[role="tablist"]').append("<li><a href='#" + tabId + "'>" + tabLabel + "</a>");
            var clonedDiv = $('#tabs-1').clone();
            clonedDiv.attr("id", "tabs-"+tabId);
            $('#degree_tabs').append(clonedDiv);                
            $(this).tabs("refresh");
    };

但是，此代码不起作用，因为克隆的div id变为＆＃34; tabs-tabs-2＆＃34;当它应该是＆＃34; tabs-2＆＃34;虽然附加了div，但它现在可以在tabs-1下面看到它不应该。

克隆输出的div元素是： -

<div class="standard_degree_app tab_overflow ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-tabs-2" aria-labelledby="ui-id-1" role="tabpanel" aria-expanded="true" aria-hidden="false">

Answer 1

你的身份似乎很独特。如果您只需要tabs-2来自上方tabId。就这样做

 var clonedDiv = $('#tabs-1').clone();
 clonedDiv.attr("id", tabId);
 ....

jQuery，Clone DIV和Contents，附加jQuery选项卡

1 个答案: