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

Wait for modal window to close and then execute the following lines in javascript

本文关键字:javascript 执行 然后 窗口 模态 等待      更新时间:2023-09-26

>我有一个模式窗口,它会弹出并等待 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 秒后显示警报消息"一些文本"。但是每次我运行它时,它都会同时显示模式窗口和警报框。我希望模态窗口首先显示,等待 5 秒,然后显示警报框。我尝试使用睡眠,但它仍然以同样的方式出现。

你有 2 个选项

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. 在对话中使用关闭事件 上面的代码中给出了这两个示例

如果您能告诉我们您用于对话框的插件,那就更好了。我猜对话框有一个接受函数的close选项。所以试试这个:

     ...
     open: function (event, ui) 
     {
           setTimeout(function () { $("#dialog").dialog("close");}, 5000);
     },
     close: function() {
        alert("Some Text");
     },
     ...

您可以在关闭窗口后将警报放在 setTimeout 中。

JAVASCRIPT

 open: function (event, ui) 
 {
       setTimeout(function () { 
           $("#dialog").dialog("close");
           alert("Some Text");
       }, 5000);
 },