集合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 

相关文章： c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  如何选择服务器才能高效搭建专属网站？  深圳网站制作培训,深圳哪些招聘网站比较好？  定制建站是什么？如何实现个性化需求？  长沙企业网站制作哪家好,长沙水业集团官方网站？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  建站主机选购指南：核心配置优化与品牌推荐方案  建站之星收费标准详解：套餐费用及年费价格表一览  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  怀化网站制作公司,怀化新生儿上户网上办理流程？  如何选择CMS系统实现快速建站与SEO优化？  如何快速生成ASP一键建站模板并优化安全性？  制作网站的模板软件,网站怎么建设？  建站之星代理费用多少？最新价格详情介绍  如何快速生成高效建站系统源代码？  如何在新浪SAE免费搭建个人博客？  如何在建站之星绑定自定义域名？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  潮流网站制作头像软件下载,适合母子的网名有哪些？  建站之星多图banner生成与模板自定义指南  建站之星价格显示格式升级，你的预算足够吗？  nginx修改上传文件大小限制的方法  建站之星安装后界面空白如何解决？  英语简历制作免费网站推荐,如何将简历翻译成英文？  如何在服务器上配置二级域名建站？  如何选择PHP开源工具快速搭建网站？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  已有域名如何快速搭建专属网站？  建站主机默认首页配置指南：核心功能与访问路径优化  如何通过虚拟主机快速完成网站搭建？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  建站之星在线客服如何快速接入解答？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  如何选择可靠的免备案建站服务器？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  定制建站价位费用解析与套餐推荐全攻略  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  javascript中对象的定义、使用以及对象和原型链操作小结  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  微信推文制作网站有哪些,怎么做微信推文，急？  如何快速搭建高效可靠的建站解决方案？  网站制作服务平台,有什么网站可以发布本地服务信息？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在IIS中新建站点并配置端口与IP地址？