关闭对话框onclick在alertify.js中关闭图标

时间:2017-05-09 05:00:18

标签: javascript jquery alertifyjs

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

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

我正在尝试关闭对话框,单击关闭关闭图标,如下所示。但我面临一个错误,因为“无法在初始化之前调用对话框上的方法;尝试调用方法'关闭'关闭按钮未定义。”并且无法关闭对话框。如果有任何解决方案,请告诉我。提前谢谢。

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

1 个答案:

答案 0 :(得分:0)

您可以使用对话框的名称来访问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是对话框的名称。