एक jquery ui संवाद

Question

के अंदर jquery UI टैब को छूना संभव है, मेरे पास एक वेब पेज है जिसे मैं एक jquery ui संवाद में गतिशील रूप से (AJAX) लोड करना चाहता हूं। पृष्ठ में एकाधिक 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>