用metro ui调用其他文件的html JS Dialog

Question

你知道如何调用外部文件插入到Metro ui框架的对话框中。我在这里跟着文档：http://metroui.org.ua/dialog.html 但它没有显示如何调用外部文件，如.html或.php。请你能帮助我的建议或解决方案。谢谢

Answer 1

您可以进行ajax调用并将结果设置为onShow事件对话框的内容。 [source]

$("#createFlatWindow").on('click', function(){ 
    $.Dialog({ 
     overlay: true, 
     shadow: true, 
     flat: true, 
     icon: '<img src="images/excel2013icon.png">', 
     title: 'Flat window', 
     content: '', 
     onShow: function(_dialog){ 
      $.ajax({ 
       url: "test.php", 
       dataType: "html", 
       success: function(result){ 
       var html = result; 
       $.Dialog.content(html); 
       } 
      });    
     } 
    }); 
});