2011-03-17 81 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> 
相關問題