集合Bootstrap自定义confirm提示效果

本文实例为大家分享了集合Bootstrap自定义confirm的具体代码，供大家参考，具体内容如下

效果

这里写图片描述

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">&times;</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 {
       ........
     }
   }
 })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Bootstrap  # confirm  # Bootstrap Table 删除和批量删除  # Bootstrap Table快速完美搭建后台管理系统  # ASP.NET MVC 使用Bootstrap的方法  # BootStrap数据表格实例代码  # bootstrap-table组合表头的实现方法  # BootStrap给table表格的每一行添加一个按钮事件  # PHP实现登录注册之BootStrap表单功能  # 详解bootstrap用dropdown-menu实现上下文菜单  # 自定义  # 都将  # 大家分享  # 具体内容  # 大家多多  # common_confirm_btn  # click  # footer  # message  # find  # title  # html  # cancel  # false  # xhtml  # lt  # true  # die  # live  # operate 

相关文章： 如何在自有机房高效搭建专业网站？  如何通过万网虚拟主机快速搭建网站？  制作农业网站的软件,比较好的农业网站推荐一下？  jQuery 常见小例汇总  建站之星24小时客服电话如何获取？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  如何在Windows服务器上快速搭建网站？  郑州企业网站制作公司,郑州招聘网站有哪些？  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  家庭建站与云服务器建站，如何选择更优？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  如何选购建站域名与空间？自助平台全解析  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  建站主机选哪种环境更利于SEO优化？  香港服务器租用费用高吗？如何避免常见误区？  高端云建站费用究竟需要多少预算？  如何选择域名并搭建高效网站？  山东网站制作公司有哪些,山东大源集团官网？  网站企业制作流程,用什么语言做企业网站比较好？  如何快速查询网址的建站时间与历史轨迹？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  建站之星展会模版如何一键下载生成？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  实惠建站价格推荐：2025年高性价比自助建站套餐解析  微网站制作教程,我微信里的网站怎么才能复制到浏览器里？  如何快速重置建站主机并恢复默认配置？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何通过VPS建站实现广告与增值服务盈利？  手机网站制作与建设方案,手机网站如何建设？  文字头像制作网站推荐软件,醒图能自动配文字吗？  如何用狗爹虚拟主机快速搭建网站？  常州自助建站费用包含哪些项目？  如何使用Golang table-driven基准测试_多组数据测量函数效率  如何自定义建站之星网站的导航菜单样式？  建站之星如何快速解决建站难题？  如何用低价快速搭建高质量网站？  如何在Windows虚拟主机上快速搭建网站？  网站网页制作专业公司,怎样制作自己的网页？  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  北京网站制作网页,网站升级改版需要多久？  临沂网站制作公司有哪些,临沂第四中学官网？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  建站之星ASP如何实现CMS高效搭建与安全管理？  宁波自助建站系统如何快速打造专业企业网站？  如何通过建站之星自助学习解决操作问题？  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  建站主机是否等同于虚拟主机？  零基础网站服务器架设实战：轻量应用与域名解析配置指南