这篇文章主要为大家详细介绍了集合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">
<div id="common_confirm_model">
  <div>
    <div>
      <div>
        <button type="button">

    <span aria-hidden="true">×</span>

    <span>Close</span></button>
        <h5><i></i> 

       <span></span>

    </h5>
      </div>
      <div>
        <p ><span></span></p>
      </div>
      <div >
        <button type="button">确认</button>
        <button type="button">取消</button>
      </div>
    </div>
  </div>
</div>

调用

Common.confirm({
   title: "标题",
   message: "内容",
   operate: function (reselt) {
     if (reselt) {
       ........
     } else {
       ........
     }
   }
 })

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

最新资讯
nVIDIA收购案会给业界带来些什么?

nVIDIA收购案会给业界

日前,nVIDIA收购ARM终于传出确定消息。关于nVIDIA收购
3DS游戏机停产了 任天堂要把更多经营资源留给Switch

3DS游戏机停产了 任天

近日,任天堂在其官方网站上发布消息称,旗下3DS系列游戏
新晋“巨无霸”来了,LG化学欲将电池业务分拆独立

新晋“巨无霸”来了,LG

LG化学表示,其电池业务今年预计实现13万亿韩元收入,拆分
波音737 MAX空难报告发布 揭美航空监管存严重问题

波音737 MAX空难报告

美国国会众议院发布了关于波音737 MAX系列飞机两起空
京东健康聘请美银和瑞银安排10亿美元香港IPO

京东健康聘请美银和瑞

据知情人士透露,京东健康已经为赴港上市计划聘请了银行
阿里巴巴成立云原生技术委员会 云原生成新技术战略方向

阿里巴巴成立云原生技

阿里巴巴正式成立云原生技术委员会,阿里巴巴高级研究员
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,