<!-- system modal start --> <div id="com-alert" class="modal" style="z-index:9999;display: none;" > <div class="modal-dialog modal-sm"> <div class="modal-content" style="width: 400px;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h5 style="font-size:18px;color:#f32323;" class="modal-title"><i class="fa fa-exclamation-circle"></i> [Title]</h5> </div> <div class="modal-body" style="font-size:16px;line-height:30px;letter-spacing:1px;"> <p>[Message]</p> </div> <div class="modal-footer" > <button type="button" class="btn btn-primary ok" data-dismiss="modal">[BtnOk]</button> <button type="button" class="btn btn-default cancel" data-dismiss="modal">[BtnCancel]</button> </div> </div> </div> </div> <!-- system modal end --> <script type="text/javascript"> /** * 显示消息 * @param msg */ function showMsg(msg, callback){ Modal.alert({ title:'提示', msg: msg, btnok: '确定' }).on(function (e) { if(callback){ callback(); } }); } /** * 模态对话框 * @param msg * @returns */ function showConfirm(msg,callback){ //var res = false; Modal.confirm( { title:'提示', msg: msg, }).on( function (e) { callback(); //res=true; }); //return res; } /*** * 模态框封装 */ $(function () { window.Modal = function () { var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm'); var alr = $("#com-alert"); var ahtml = alr.html(); var _tip = function (options, sec) { alr.html(ahtml); // 复原 alr.find('.ok').hide(); alr.find('.cancel').hide(); alr.find('.modal-content').width(500); _dialog(options, sec); return { on: function (callback) { } }; }; var _alert = function (options) { alr.html(ahtml); // 复原 alr.find('.ok').removeClass('btn-success').addClass('btn-primary'); alr.find('.cancel').hide(); _dialog(options); return { on: function (callback) { if (callback && callback instanceof Function) { alr.find('.ok').click(function () { callback(true) }); } } }; }; var _confirm = function (options) { alr.html(ahtml); // 复原 alr.find('.ok').removeClass('btn-primary').addClass('btn-success'); alr.find('.cancel').show(); _dialog(options); return { on: function (callback) { if (callback && callback instanceof Function) { alr.find('.ok').click(function () { callback(true) }); alr.find('.cancel').click(function () { return; }); } } }; }; var _dialog = function (options) { var ops = { msg: "提示内容", title: "操作提示", btnok: "确定", btncl: "取消" }; $.extend(ops, options); var html = alr.html().replace(reg, function (node, key) { return { Title: ops.title, Message: ops.msg, BtnOk: ops.btnok, BtnCancel: ops.btncl }[key]; }); alr.html(html); alr.modal({ width: 250, backdrop: 'static' }); } return { tip: _tip, alert: _alert, confirm: _confirm } }(); }); </script>
关注"都市百货" 了解南陵
微信咨询wanglf2r(不拉群 发广告者勿加)
热门评论