如何使用 Metro UI 创建模式对话框？答案

【问题标题】：How can I create a modal dialog box using Metro UI?如何使用 Metro UI 创建模式对话框？
【发布时间】：2014-07-04 14:55:51
【问题描述】：

我正在使用 Metro ui，我想显示一个对话框。

这是我的代码：

$("#createFlatWindow").on('click', function(){

$.Dialog({

            overlay: true,
            overlayClickClose:true,
            shadow: true,
            flat: false,
            content: '',
            title: 'Please wait..',
            width: 300,
            height: 170,
            sysButtons: {
                btnMin: false,
                btnMax: false,
                btnClose: false
            },
            onShow: function(_dialog){
                var content = _dialog.children('.content');
                content.html('<div style="width:500px;"><div style="float:left;padding-top:10px;padding-left:10px;padding-right:25px;"><img src="/uiframework/autobatch/images/autobatch_ajax_loader_1.GIF"></div><div style="float:left;padding-top:40px;width:350px;"><b>Please wait for a while we are in process of creating batch</b></div></div>');
            }
        });
});

<input type ="button" id="createFlatWindow"/>

当我点击按钮时，它会弹出一个对话框。这是隐藏父页面。但是问题是在对话框外的任何地方单击鼠标都会关闭它，我不希望它这样做。

知道如何使对话框成为模态的吗？

【问题讨论】：

这个里面怎么加类

标签： jquery twitter-bootstrap microsoft-metro metro.js

【解决方案1】：

我能够通过更改使您的代码正常工作

overlayClickClose:true,

到

overlayClickClose:false,

我也尝试添加modal: true,，但这似乎没有任何效果，所以我想不需要。

【讨论】：