javascript - alertify.js 中的关闭对话框 onclick 关闭图标

Question

我正在使用 alertify 对话框，并在对话框中添加了一个关闭图标，如下所示

<span class='close-button' id='closebutton'></span> 

我正在尝试通过单击关闭关闭图标来关闭对话框，如下所示。但我面临一个错误，因为“无法在初始化之前调用对话框上的方法；未定义尝试调用方法‘关闭’关闭按钮。” 并且无法关闭对话框。请让我知道是否有任何解决方案。提前致谢。

 $("#closebutton").on( 'click', function () {  $('#submitdialog').dialog('close');
    });

Answer 1

您可以使用对话框的名称来访问 close 方法：

首先创建对话框：

alertify.dialog('myAlert',function(){
return{
  main:function(message){
    this.message = message;
  },
  setup:function(){
      return { 
        buttons:[{text: "cool!", key:27/*Esc*/}],
        focus: { element:0 }
      };
  },
  prepare:function(){
    this.setContent(this.message);
  }

}});

然后你可以这样关闭它：

//close it
alertify.myAlert().close()

请注意，myAlert 是对话框的名称。