Можно ли вставить вкладки JQuery UI в диалоге JQuery UI

Question

У меня есть веб-страница, которую я хочу динамически загружать (ajax) в диалог пользовательского интерфейса jquery. на странице есть несколько вкладок jquery, и когда я загружаю их в диалог, каждая вкладка отображается как обычная ссылка, а виджет вкладок не отображается. Это известная проблема? Есть ли обходной путь для поддержки наличия вкладок jquery ui внутри диалога.

Answer 1

да, это возможно.Вот простой пример ...

Пример JS Fiddle

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>