效果
这里写图片描述
js端
var Common = { confirm:function(params){ var model = $("#common_confirm_model"); model.find(".title").html(params.title) model.find(".message").html(params.message) $("#common_confirm_btn").click() //每次都将监听先关闭,防止多次监听发生,确保只有一次监听 model.find(".cancel").die("click") model.find(".ok").die("click") model.find(".ok").live("click",function(){ params.operate(true) }) model.find(".cancel").live("click",function(){ params.operate(false) }) } }
html端
<input type="hidden" id="common_confirm_btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#common_confirm_model"> <p id="common_confirm_model" class="modal"> <p class="modal-dialog modal-sm"> <p class="modal-content"> <p class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span> <span class="sr-only">Close</span></button> <h5 class="modal-title"><i class="fa fa-exclamation-circle"></i> <span class="title"></span> </h5> </p> <p class="modal-body small"> <p ><span class="message"></span></p> </p> <p class="modal-footer" > <button type="button" class="btn btn-primary ok" data-dismiss="modal">确认</button> <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button> </p> </p> </p> </p>
调用
Common.confirm({ title: "标题", message: "内容", operate: function (reselt) { if (reselt) { ........ } else { ........ } } })
相关推荐:
jQuery UI插件自定义confirm确认框的方法_jquery
JavaScript的三种消息框alert,confirm,prompt
以上就是Bootstrap自定义confirm的提示效果分享的详细内容,更多请关注php中文网其它相关文章!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论