jQuery, DIV 및 내용 복제, jQuery 탭으로 추가

Question

그래서 한 탭의 내용을 복제 한 다음 jQuery 탭 인 DIV에 추가 한 다음 새로 고칩니다.

$.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가 "탭 - 탭-2"는 "탭-2"를하고 있지만해야되기 때문에 작동하지 않습니다

이

는 내가 가지고있는 코드입니다 div가 추가되면, 탭 -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

귀하의 ID가 유일한 것 같다. 위에서 tabId 인 tabs-2 만 있으면됩니다. 그냥 할

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