關閉對話框的onclick在alertify.js

Question

關閉圖標我期運用alertify對話框，我已經在對話框中如下

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

我試圖關閉對話框onclicking的關閉的關閉圖標作爲附加關閉圖標如下。但是我面臨一個錯誤：「在初始化之前不能調用對話框上的方法;試圖調用方法'關閉'closebutton沒有定義。」並無法關閉對話框。請讓我知道是否有任何解決方案。提前致謝。

$("#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是對話框的名稱。