首页 > 代码库 > JS 功能弹框封装
JS 功能弹框封装
// 功能提示弹框 function messageBox ( option ) { var html = ‘‘; html += ‘<div class="message-box-head">‘ + option.title; html += ‘<i class="icon iconfont message-close"></i></div>‘; if ( option.type == ‘using‘ ) { html += ‘<div class="message-box-body">‘; html += ‘<p class="message-prompt">‘ + option.content + ‘</p>‘; html += ‘</div>‘; } else if ( option.type == ‘disable‘ ) { html += ‘<div class="message-box-body">‘; html += ‘<p class="message-prompt">‘ + option.content + ‘</p>‘; html += ‘</div>‘; } else if ( option.type == ‘confirm‘ ) { html += ‘<div class="message-box-body reset-pwd">‘; html += ‘<p class="message-prompt">‘ + option.content + ‘</p>‘; html += ‘<div class="message-btn por">‘; html += ‘<button class="btn-common btn-gray cancel-btn poa">取消</button>‘; html += ‘<button class="btn-common btn-blue yes-btn poa">确定</button>‘; html += ‘</div>‘; html += ‘</div>‘; } else if ( option.type == ‘confirm2‘ ) { html += ‘<div class="message-box-body confirm-spec">‘; html += ‘<div class="message-prompt">‘; html += ‘<p>‘+ option.contentTitle +‘</p>‘; html += ‘<p>‘+ option.content +‘</p>‘; html += ‘</div>‘; html += ‘<div class="message-btn por">‘; html += ‘<button class="btn-common btn-gray cancel-btn poa">取消</button>‘; html += ‘<button class="btn-common btn-blue yes-btn poa">确定</button>‘; html += ‘</div>‘; html += ‘</div>‘; } $(".message-box-main").empty().append(html); $(".message-box").addClass(‘show‘); // 点击取消事件 $(".cancel-btn").click(function () { $(".message-box").removeClass(‘show‘); if ( option.cancel ) { option.cancel(); } }); // 点击确定事件 $(".yes-btn").click(function () { $(".message-box").removeClass(‘show‘); if ( option.sureFun ) { option.sureFun(); } }); // 点击图标取消事件 $(".message-close").click(function () { $(".message-box").removeClass(‘show‘); if ( option.callBack ) { option.callBack(); } }); }
JS 功能弹框封装
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。