jQuery ui tam ekran iletişim kutusu

Question

jquery ui kullanarak tam ekran iletişim kurmaya çalışıyorum.

ajax ile yüklenen bazı içeriğe sahip ve sonuç iletişim doldurur:

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); 
     } 
     }); 
    } 
    }); 
} 

Maalesef iletişim merkezine ve doğru boyutlarda olmadan görünmüyor. Hiç kimse aynı sorunu yaşadı mı? Ben jfiddle bu görmek istiyorum

Teşekkür

Answer 1

bu etkileyebilir herhangi değişken farklılıkları daha iyi anlamak için. İletişim özellikleriniz için "Genişlik" ve "Yükseklik" ayarlarını kaldırmaya çalışın ve iletişim içeriği için çağırdığınız kaba% 100 ve yükseklik:% 100 css özelliklerini ekleyin. "#popupRecurso". Bu şekilde diyalog özellikleri onu geçersiz kılmaz ve boyuttaki herhangi bir DOM değişiklik olayında değişir. Şu anda şirketimde modals ile çok çalışıyorum ve benzer sorunlar yaşadım. Css özelliklerini genişlik gibi bir şeye ayarlamak istiyorum:% 120, yükseklik:% 120. Bu şekilde, aradığınız diyalog işlevselliği kullanıcı uzaklaştığında veya uzaklaştığında bile doğru kalır. Umarım bu size yardımcı olacaktır. Mutlu kodlar!