jQueryUI对话框宽度

我使用jQuery对话框打开表。他们中的一些人有大量的文本，他们往往是太长，去了屏幕上的方式。如果桌子像小提琴中的第一张一样太长，我怎样才能使对话更宽？我尝试了

width:'auto'

，但它似乎占据了整个屏幕

HTML:

---

我建议在对话框选项中添加

width

和

maxWidth

。我不知道您的设计是什么样子的，但请尝试以下方式，例如：

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

---

它应该是maxWidth:768，不带引号和“px”。jQuery自动假定为px。

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

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