使用 metro ui JS 对话框调用其他文件 html

Question

伙计们，你们知道如何调用外部文件插入到 Metro ui 框架的对话中吗？我在这里关注文档：http://metroui.org.ua/dialog.html 但它没有显示如何调用外部文件，如 .html 或 .php。请你能帮我提建议或solution.thanks

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);
               }
             });            
        }
    });
});