jquery UI 대화 상자 안에 jQuery UI 탭을 붙여 넣을 수 있습니다.

Question

jQuery UI 대화 상자에 동적으로로드하려는 웹 페이지가 있습니다. 페이지에 여러 개의 jquery 탭이 있으며이를 대화 상자에로드하면 각 탭이 일반 링크로 표시되고 탭 위젯이 표시되지 않습니다. 이것은 알려진 문제입니까? 대화 상자 내부에 jquery UI 탭을 지원할 수있는 해결 방법이 있습니까?

Answer 1

예 가능합니다. 여기에 ... 당신이 그렇게 할 때 콘텐츠를 검색하여 탭을 설정하는 오픈 처리기를 추가 할 수 있습니다

JS Fiddle Example

Answer 2

간단한 예입니다.

$(function() { 
    $('#dialog').dialog({ 
     autoOpen: false, 
     modal: true, 
     buttons: { 
      'OK' : function() { 
         $(this).dialog('close'); 
        }, 
      'Cancel': function() { 
         $(this).dialog('close'); 
        } 
     }, 
     open: function(event,ui) { 
      $(ui.panel).find('div') 
         .load('http://www.example.com') 
         .find('.tabs') 
         .tabs(); 
     } 
    }); 
    $('.dialog-button').click(function() { 
     $('#dialog').dialog('open'); 
     return false; 
    }); 
}); 

<div id="dialog" title="Dialog" style="display: none;"> 
    <div class="dialog-content"> 
    </div> 
</div>