2011-03-17 85 views
6

我有一个网页,我想动态加载(阿贾克斯)到jQuery UI的对话框内jQuery UI的标签。的页面具有多个的jquery选项卡和当我加载到对话框每个选项卡被显示为一个普通链路和标签插件此未示出。这是一个已知的问题?是否有任何解决方法来支持在对话框中使用jquery ui选项卡。是有可能坚持一个jQuery用户界面对话框

+1

你运行的选项卡()代码在对话框打开的回调或网页上的脚本加载(必须在body元素)? – tvanfosson 2011-03-17 14:48:15

回答

7

是其可能的。这里是一个简单的例子...

JS Fiddle Example

+0

谢谢你的例子。 。唯一不同的我用我的例子中看到的是,自己正在动态填充的标签,但我会做一些更多的测试 – leora 2011-03-17 15:15:12

4

你可能要添加一个开放的处理程序来获取内容,并成立了标签,当你这样做。

$(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> 
相关问题