1

alertify.dialog() 実装内で外部 HTML ファイルを参照できますか。現在、HTML コードを使用してダイアログを作成する以下のコードを使用しています。

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
                        }
                    };
                    },
                    build:function() {                              
                        this.elements.content.innerHTML = "**<html>MY HTML CODE</html>**";
                    },
                     hooks: {
                       onshow: function() {
                         this.elements.dialog.style.height = '50%';
                         this.elements.dialog.style.width = '15%';
                       }
                     }
                };
        });

すべての html コードをここに置くのは汚いように見えます。これを別の .html ファイルに入れて、ダイアログの実装で参照したい。そのためのオプションはありますか？

4

1 に答える 1

0

そのような機能はAlertifyJSに組み込まれていませんが、jQuery を使用して独自のラッパーを作成できます。

// myAlert dialog 
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
        }
      };
    }
  };
});

//custom wrapper to load external contents
alertify.ajaxAlert = function(url) {
  $.ajax({
    url: url,
  }).success(function(data) {
    alertify.myAlert(data);
  }).error(function() {
    alertify.error('Errro loading external file.');
  });
}

サンプル http://plnkr.co/edit/SuFXMRthGpMKKXoG7Yv2?p=preview

于 2015-12-07T10:19:40.850 に答える