es posible pegar las pestañas jquery ui dentro de un diálogo de jquery ui

Question

Tengo una página web que quiero cargar dinámicamente (ajax) en un diálogo de jquery ui. la página tiene varias pestañas jquery y cuando la carga en el cuadro de diálogo, cada pestaña aparece como un enlace normal y el widget de pestañas no se muestra. ¿Es esto un problema conocido? ¿Hay alguna solución alternativa para admitir las pestañas de jQuery ui dentro de un diálogo?

Answer 1

sí, es posible. aquí es un ejemplo sencillo ...

JS Fiddle Example

Answer 2

Es posible que desee agregar un controlador abierto para recuperar su contenido y configurar las pestañas cuando lo hace.

$(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>