我制作我的 html 网站的一小部分 - 我有一个 javascript 部分答案

【问题标题】：small portion of my making my html website- I have a javascript section我制作我的 html 网站的一小部分 - 我有一个 javascript 部分
【发布时间】：2016-05-06 04:53:34
【问题描述】：

我需要帮助我的网站课程作业的一小部分 javascript 部分，填写空白：在您的contact.html页面的脚本部分，在您的文档准备函数内部但在您的提交函数外部）添加以下代码以将对话框div（上图）转换为jQuery对话框。

$(_______).dialog({
         autoOpen: _____________,
         modal: ________,
         width: ________,
         buttons: {
          "_______": function() {
                        $(this).dialog("close");
                     } 
        }
});

注意，这只是演示中提供的用于创建对话框的代码。我在代码中添加了几个空格，您需要设置如下：需要为 id 为 dialog 的元素调用 dialog 函数。它不应该自动打开应该是模态的它的宽度设置应小于 600 像素按钮名称应该是 OK 或 Accept 或类似的名称。

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案1】：

虽然这不是提出此类问题的正确论坛，但这里是您问题的答案。

$("#DivIdWhichWillBecomeADialog").dialog({ 
    autoOpen: false, 
    modal: true, 
    width: 500px, 
    buttons: { 
        "OK": function() { 
                $(this).dialog("close"); 
              } 
    } 
});

【讨论】：

@basicavocado 接受答案，如果这是你的意思。
在编写 javascript 和 jquery 时，我可以通过将 div id 放在您编写“DivIdWhichWillBecomeADialog”的位置（如“#dialog”）为我的任何 div id 制作函数，对不起，我是初学者，这些可能是愚蠢的问题。情态在这个意义上是什么意思？
第一个问题，是的。模态意味着对话框阻止页面。在关闭对话框之前，您无法对页面进行操作。但如果 modal 属性设置为 false，则对话框不会阻塞页面。它是 jQuery Ui 的一部分。访问此站点了解更多详细信息。 jqueryui.com

【解决方案2】：

$(function(){
    $("#dialog").dialog({ 
        autoOpen: false, 
        modal: true, 
        width: 500px, 
        buttons: { 
            "OK": function() { 
                    $(this).dialog("close"); 
                  } 
        }
});

【讨论】：

【解决方案3】：

这是你的答案：

$(function() {
   $("#dialogDivId" ).dialog({
      autoOpen: false, 
      modal: true,
      buttons: {
         Ok: function() {
         $( this ).dialog( "close" );
        }
      },
      width:550
   });
});

【讨论】：