Question

我有一个网页，我想动态加载（ajax）到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>

是否可以在jquery ui对话框中粘贴jquery ui标签

2 个答案: