jQuery ui पूर्णस्क्रीन संवाद

Question

मैं jquery ui का उपयोग कर एक पूर्णस्क्रीन संवाद करने की कोशिश कर रहा हूं।

मैं ajax के माध्यम से भरी हुई कुछ सामग्री है, और परिणाम संवाद भरता है:

function openResource(id) { 
    $.ajax({ 
    url  : "", 
    type  : 'post', 
    dataType : 'html', 
    data : { 
     idRes: id 
    }, 
    success : function(response) { 
     $("#popupRecurso") 
     .html("<div style='float:right; cursor: pointer;' onclick='$(\"#popupRecurso\").dialog(\"destroy\");'>fechar</div>" + response); 

     $("#popupRecurso").dialog({ 
     title  : '', 
     bgiframe : true, 
     position : 'center', 
     draggable : false, 
     resizable : false, 
     dialogClass : 'dialogRecurso', 
     width  : $(window).width(), 
     height  : $(window).height(), 
     stack  : true, 
     zIndex  : 99999, 
     autoOpen : true, 
     modal  : true, 
     open  : function() { 
      $(".ui-dialog-titlebar").hide(); 
     }, 
     error : function(err) { 
      alert(err); 
     } 
     }); 
    } 
    }); 
} 

दुर्भाग्य से, संवाद केंद्र पर और सही आयाम के बिना प्रकट नहीं होता है। क्या किसी को भी कभी भी एक ही समस्या है?

धन्यवाद

Answer 1

मैं jfiddle में यह देखना चाहेंगे किसी भी चर मतभेद है कि इस को प्रभावित कर सकते का एक बेहतर समझ पाने के लिए। अपने संवाद गुणों के लिए "चौड़ाई" और "ऊंचाई" सेटिंग्स को निकालने का प्रयास करें, और चौड़ाई के सीएसएस गुण जोड़ें: 100% और ऊंचाई: उस कंटेनर में 100% जो आप संवाद सामग्री के लिए कॉल करते हैं। "#popupRecurso"। इस तरह संवाद गुण इसे ओवरराइड नहीं करते हैं, और यह आकार की किसी भी डोम परिवर्तन घटनाओं के साथ बदलता है। मैं वर्तमान में अपनी कंपनी में बहुत से मॉडलों के साथ काम करता हूं, और इसी तरह के मुद्दे हैं। मैं सीएसएस गुणों को चौड़ाई की तरह कुछ सेट करना चाहता हूं:% 120, ऊंचाई: 120%। इस प्रकार जिस संवाद कार्यक्षमता को आप ढूंढ रहे हैं वह सच रहता है, भले ही उपयोगकर्ता ज़ूम इन या आउट हो। उम्मीद है कि यह आपकी मदद करेगा। हैप्पी कोडिंग!