jQuery UI 对话框宽度选项

对话框宽度选项用于以像素为单位设置对话框的宽度。默认情况下，该值为 300。

句法：

$( ".selector" ).dialog({
  width : 120
});

方法：首先，添加项目所需的 jQuery UI 脚本。

示例 1：

HTML

  
  
  
  
  
  
    $(function () {
      $("#gfg").dialog({
        autoOpen: false,
        width: 100
      });
      $("#geeks").click(function () {
        $("#gfg").dialog("open");
      });
    });
  


  
    Jquery UI| width dialog option
  
  Open Dialog

输出：

示例 2：

HTML

  
  
  
  
  
  
    $(function () {
      $("#gfg").dialog({
        autoOpen: false,
        width: 300
      });
      $("#geeks").click(function () {
        $("#gfg").dialog("open");
      });
    });
  


  
    Jquery UI| width dialog option
  
  Open Dialog

输出：