javascript - 等待模态窗口关闭，然后在 javascript 中执行以下行

Question

我有一个模态窗口弹出并等待 5 秒然后关闭。 代码如下

  function callMe()
  {
//alert("entering");
  $("#dialog").dialog({
         modal: true,
         //title: "Confirm",
         resizable: false,
         width: 300,
         height: 150,
         open: function (event, ui) 
         {
               setTimeout(function () { $("#dialog").dialog("close");}, 5000);

         },
         buttons: {
             Ok: function () {
                // $(this).dialog("close"); //closing on Ok
             },
             Cancel: function () {
                // $(this).dialog("close"); //closing on Cancel
             }
         }

     });
         alert("Some Text");
  }

callMe() 函数在加载 HTML 文件时被调用。在这里，我想在模式窗口 5 秒后关闭后显示警告消息“Some Text”。但是每次我运行它时，它都会同时显示模态窗口和警告框。我希望模式窗口首先显示，等待 5 秒，然后显示警告框。我尝试使用 sleep ，但它仍然以相同的方式出现。

Answer 1

你有两个选择

function callMe()
  {
//alert("entering");
    $("#dialog").dialog({
         modal: true,
         //title: "Confirm",
         resizable: false,
         width: 300,
         height: 150,
         open: function (event, ui) 
         {
               setTimeout(function () { $("#dialog").dialog("close");}, 5000);

         },
         buttons: {
             Ok: function () {
                // $(this).dialog("close"); //closing on Ok
             },
             Cancel: function () {
                // $(this).dialog("close"); //closing on Cancel
             }
         },
         close: function(){
             alert("Some Text");
         }
    });


     $('#dialog').on('dialogclose', function(event) {
        alert('Some Text');
     });
  }

1. 使用“关闭”方法
2. 在 dialogueClose 事件上使用上面的代码中给出了两个示例