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

时间:2015-04-02 06:01:08

标签: javascript html metro-ui-css metro.js

伙计们你知道如何调用外部文件以插入与Metro ui框架的对话框。我在这里跟踪了文档:http://metroui.org.ua/dialog.html 但它没有显示如何调用外部文件,如.html或.php。请你帮我建议或解决。谢谢

1 个答案:

答案 0 :(得分: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);
               }
             });            
        }
    });
});