1

我正在使用 Alertify 库在我的 javascript 中创建一个对话框,

alertify.myAlert || alertify.dialog('myAlert',function factory(){
                return {
                    main:function(content){
                        this.setContent(content); 
                    },
                    setup:function(){
                        return {
                            options:{
                                modal:false,
                                basic:true,
                                maximizable:false,
                                resizable:false,
                                padding:false,
                                visible:false
                            }
                        };
                        },
                         hooks: {
                           onshow: function() {
                             this.elements.dialog.style.height = '50%';
                             this.elements.dialog.style.width = '15%';
                           }
                         }
                    };
            });

并且,使用下面的代码调用它..

alertify.myAlert("my html content");

一旦启动,我该如何关闭它?我尝试了诸如 alertify.myAlert.close()、alertify.myAlert.hide() 之类的差异组合,但没有任何效果..

4

3 回答 3

2

尝试这个 :-

alertify.alert().destroy(); 
于 2015-12-03T05:23:59.737 回答
1

@Nero,@MK:谢谢。close() 然后 show() 完成了这项工作。它们保留对话状态。

还有2个问题,

  1. 我们可以在 alertify.dialog() 实现中引用一个外部 HTML 文件吗?目前正在使用以下代码,该代码采用 html 代码并构建对话框内容。

    alertify.myAlert('MY HTML Content');
    

    在这里有所有的 html 代码看起来很脏。我们有任何选项来指定 html 文件的路径吗?

  2. 如何最初将 Dialog 的可见性设置为 false。我尝试在选项中设置可见性:隐藏、显示:假、隐藏:真等,但没有奏效。

于 2015-12-03T22:36:37.647 回答
0

您可以通过应用删除来使用相同的类

$('.alertify').remove();
于 2021-11-11T21:41:00.770 回答