Question

我是Web开发的新手，正在从事个人项目。作为该项目的一部分，我试图学习如何创建自定义对话框，并在可能的情况下利用现有的库来实现我想要的。

我碰到了alertify，它几乎涵盖了我想要的对话框的类型，但是有一个我无法弄清楚如何创建。该对话框包含图标，我不确定如何实现。我提供了一个屏幕快照，显示了我想要达到的目标以及到目前为止的目标。

[！[在此处输入图片描述] [1]] [1]

if(!alertify.myAlert){
        //define a new dialog
        alertify.dialog('myAlert',function factory(){
          return{
            main:function(message){
              this.message = message;
              this.body = '<h1> test <h1>'
            },
            setup:function(){
                return { 
                  buttons:[{text: "Close", key:27/*Esc*/}],
                  focus: { element:0 }
                };
            },
            prepare:function(){
              this.setContent(this.message);
              this.body = '<h1> test <h1>'
            }
        }});
      }
      //launch it.
      alertify.myAlert("Type in your message below and choose how you would like to share!");

我已使用本指南-https://alertifyjs.com/factory.html创建上述对话框。

如果无法使用alertifyJS创建我想要的东西，请您提出其他方法。我将尽可能避免使用HTML创建自定义对话框-除非完全无法避免。如果可以使用alertifyJS做到这一点，我非常希望：）

自定义对话框HTML / JavaScript

0 个答案: