在對話框中設置大小

Question

即時通訊使用對話框，但它的大小不正確有沒有什麼辦法可以改變它？

 <script type="text/javascript"> 

    $.ajaxSetup({ cache: false }); 

    $(document).ready(function() { 
     $(".openDialog").live("click", function (e) { 
      e.preventDefault(); 


      $("<div></div>") 
       .addClass("dialog") 
       .attr("id", $(this) 
       .attr("data-dialog-id")) 
       .appendTo("body") 
       .dialog({ 
        title: $(this).attr("data-dialog-title"), 
        close: function() { $(this).remove() }, 

        modal: true 
       }) 

       .load(this.href); 
     }); 

     $(".close").live("click", function (e) { 
      e.preventDefault(); 
      $(this).closest(".dialog").dialog("close"); 
     }); 
    }); 
</script> 

Answer 1

從jQuery的文檔，你可以使用width和height

http://docs.jquery.com/UI/Dialog

對話框的高度，以像素爲單位。指定'auto'也支持 以使對話框根據其內容進行調整。

.dialog({height: 

對話框的寬度以像素爲單位。

.dialog({height: 

$.ajaxSetup({ cache: false }); 

$(document).ready(function() { 
    $(".openDialog").live("click", function (e) { 
     e.preventDefault(); 


     $("<div></div>") 
      .addClass("dialog") 
      .attr("id", $(this) 
      .attr("data-dialog-id")) 
      .appendTo("body") 
      .dialog({ 
       width:yourValueHere,//Put width 
       height:yourValueHere,//Put height 
       title: $(this).attr("data-dialog-title"), 
       close: function() { $(this).remove() }, 

       modal: true 
      })