dialogowe jQueryUI

Question

Fiddle Full Screen Example

dialogowego jQuery używam otworzyć tabele. Niektóre z nich zawierają dużą ilość tekstu i zwykle są zbyt długie i znikają z ekranu. Jak mogę powiększyć dialog, jeśli stół jest za długi jak pierwszy w skrzypcach? Próbowałem już width:'auto', ale wydaje mi się, że zajmuje on cały ekran.

HTML:

<button class='label'>Click</button><div class='dialog'><p><table>.....</table></div> 
<button class='label'>Click</button><div class='dialog'><p><table>.....</table></div> 

Javascript:

$(document).ready(function(){ 

$('.label').each(function() { 

var dialogopen = $(this).next(".dialog"); 
dialogopen.dialog({width:'auto',autoOpen: false,modal: true, 
      open: function(){ 
      jQuery('.ui-widget-overlay').bind('click',function(){ 
       dialogopen.dialog('close'); 
      }) 
     }  
});  
    $(this).click(function(){ 
     dialogopen.dialog('open'); 
     return false; 
      } 
     ); 
    }); 
}); 

Answer 1

sugeruję dodanie width i maxWidth do opcji dialogowych. Nie wiem, jak wygląda Twój projekt, ale spróbuj czegoś takiego, na przykład:

dialogopen.dialog({ 
    autoOpen: false, 
    modal: true, 
    open: function(){ 
     jQuery('.ui-widget-overlay').bind('click',function(){ 
     dialogopen.dialog('close'); 
     }); 
    }, 
    width: "90%", 
    maxWidth: "768px" 
});