jquery-ui 탭을 다른 위치에 복제하는 방법

클론 (true) 메소드를 사용하여 탭 요소를 다른 위치에 복제하려고했지만 제대로 작동하지 않았습니다. 예를 들어 '#here'div의 탭간에 전환 할 수 없습니다. 여기 jquery-ui 탭을 다른 위치에 복제하는 방법

은 HTML 콘텐츠입니다 :

<body> 

<div id="tab1" class="tabs" style="height:100px; width:300px"> 
    <ul></ul> 
</div> 

<div id="here" style="height:100px; width:300px"></div> 
</body>

이 내가 노력 코드입니다 :

$('#tab1').tabs({ closable: true }); 

$('#tab1').tabs('add', '#' + 1, 'test'); 
$('#tab1').tabs('add', '#' + 2, 'test'); 


var tmp = $('#tab1').clone(true); 

tmp.appendTo($('#here'));

나는 HTML 태그를 복사 한 다음이 같은 탭 요소를 다시 초기화하지 않으 :

는

$('#tab1').tabs({ closable: true }); 

$('#tab1').tabs('add', '#' + 1, 'test'); 
$('#tab1').tabs('add', '#' + 2, 'test'); 


$('#here').html($('#tab1').html()); 
$('#here').tabs();

실제로 거기에 UI를있는 jqGrid 같은 요소 jstree이있는, 탭을 재배치 할

, DIF하기 ferent div 동적으로 위의 코드는 적절한 해결책이 아닙니다.

감사합니다.

출처

2011-12-14 Ye Adam no family

당신은 내가 당신이 요소를 reappend 수 있도록 detach()를 사용할 수 있다고 생각 재 할당 할 경우 나중에

var tab = $('#tab1').detach(); 
tab.appendTo($('#here'));

출처

2011-12-14 12:12:39

jquery-ui 탭을 다른 위치에 복제하는 방법

답변

관련 문제