Question

我的页面中有以下JQuery弹出窗口。

$('#SubSkill').dialog({
          autoOpen: false,
          draggable: false,
          resizable: false,
          bgiframe: false,
          modal: true,
          width: dWidth,
          height: dHeight,
          title: "Enter Job Sub Skill Information",
          open: function (type, data) {
              $(this).parent().appendTo("form");
          }
      });

当我按下Escape键时，它会关闭。如何在按下此键时阻止关闭弹出窗口？

Answer 1

您可以使用closeOnEscape: false选项：

$('#SubSkill').dialog({
    closeOnEscape: false,
    autoOpen: false,
    draggable: false,
    resizable: false,
    bgiframe: false,
    modal: true,
    width: dWidth,
    height: dHeight,
    title: "Enter Job Sub Skill Information",
    open: function (type, data) {
        $(this).parent().appendTo("form");
    }
});

<强> References

Answer 2

您必须使用closeOnEscape属性，并将其设置为false，

这是您的新脚本：

$('#SubSkill').dialog({
      autoOpen: false,
      draggable: false,
      resizable: false,
      bgiframe: false,
      modal: true,
      width: dWidth,
      height: dHeight,
      title: "Enter Job Sub Skill Information",
      open: function (type, data) {
          $(this).parent().appendTo("form");
      },
      closeOnEscape: false 
  });

Answer 3

将以下内容添加到您的函数中。

closeOnEscape: false

防止关闭JQuery Popup窗口

3 个答案: