创建一个dialog有以下两种方式：

Data属性：DOM添加属性data-toggle="dialog"后，单击触发。
DOM示例1：　打开dialog

                    打开dialog

DOM示例2：　

DOM示例3(参数集合)：　

其他示例[加载容器中的内容]：　

                        <button type="button" class="btn-green" data-toggle="dialog" data-id="mydialog3" data-target="#doc-dialog-target" data-title="加载容器中的内容">打开dialog</button></p>
                        <div id="doc-dialog-target" data-noinit="true" class="hide">
                            <p><input type="checkbox" id="doc-dialog-checkbox" data-toggle="icheck" data-label="测试Checkbox"></p>
                            <p><label>文本框：</label><input type="text" placeholder="文本框1" size="25"></p>
                            <p><label>下拉框：</label><select data-toggle="selectpicker"><option value="1">选项一</option><option value="2">选项二</option></select></p>
                        </div>

其他示例[回调函数]：　

                        <script type="text/javascript">
                            function doc_dialog_onLoad($dialog) {
                                $dialog.alertmsg('info', 'onLoad回调：不填写工号是不能关闭本弹窗的。')
                            }
                            function doc_dialog_beforeClose($dialog) {
                                var code = $dialog.find('#doc-dialog-code').val()
                                
                                if (code) return true
                                $dialog.alertmsg('error', 'beforeClose回调：关闭弹窗前请先填入你的工号。')
                                return false
                            }
                            function doc_dialog_onClose() {
                                $(this).alertmsg('info', 'onClose回调：你刚刚关闭了一个dialog。')
                            }
                        </script>
                        <button type="button" class="btn-green" data-toggle="dialog" data-id="mydialog4" data-target="#doc-dialog-target-callback" data-title="回调函数示例" data-on-load="doc_dialog_onLoad" data-before-close="doc_dialog_beforeClose" data-on-close="doc_dialog_onClose">打开dialog</button>
                        <div id="doc-dialog-target-callback" data-noinit="true" class="hide">
                            <div class="text-center">
                                <h3>dialog回调函数示例</h3>
                                <hr>
                                <p><label>工号：</label><input type="text" name="code" id="doc-dialog-code"></p>
                            </div>
                        </div>

jQuery API：
jQuery示例：　

本例完整代码：

                    <script type="text/javascript">
                    function openMydialog(obj) {
                        $(obj).dialog({id:'mydialog', url:'doc/dialog/mydialog.html', title:'我的业务弹窗'});
                    }
                    </script>

jQuery方法代码：

                    $(selector).dialog(options)

取得当前dialog的容器：$.CurrentDialog

创建dialog

dialog回调函数示例