集合Bootstrap自定义confirm
来源:互联网 发布:照片加边框软件 编辑:程序博客网 时间:2024/05/16 15:13
效果
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"><div id="common_confirm_model" class="modal"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <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 class="modal-title"><i class="fa fa-exclamation-circle"></i> <span class="title"></span></h5> </div> <div class="modal-body small"> <p ><span class="message"></span></p> </div> <div 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> </div> </div> </div></div>
调用
Common.confirm({ title: "标题", message: "内容", operate: function (reselt) { if (reselt) { ........ } else { ........ } } })
1 0
- 集合Bootstrap自定义confirm
- 集合Bootstrap自定义confirm
- bootstrap 自定义alert 和 confirm
- 自定义confirm
- bootstrap confirm 插件 bootboxjs
- 如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
- 利用bootstrap的modal组件自定义alert,confirm和modal对话框
- 自定义alert和confirm
- 自定义确认窗口 类似confirm
- Bootstrap 研究 ---自定义Bootstrap
- 自定义Bootstrap
- bootstrap自定义
- 自定义弹框样式,自定义confirm按钮,
- confirm
- confirm
- confirm
- confirm
- confirm
- 机房收费系统之初认识
- Flume整合HDFS
- Linq语法详细
- 商品ElasticSearch的查询改造
- 手把手教你玩转酷炫CSS3 3D技术!
- 集合Bootstrap自定义confirm
- 浅析 Linux 中的时间编程和实现原理,第 3 部分: Linux 内核的工作
- ios-UI高级多线程 GCD实现单例模式
- windows下flask初探
- 键盘事件
- xib和控制器交互
- 移动互联网时代:合格的产品原型是怎样的?
- Javascript set 和 get 关键字
- JavaScript基础学习(一)