集合Bootstrap自定义confirm提示效果

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

效果

这里写图片描述

js端

$("#common_confirm_btn").click() //每次都将监听先<a href="https://www.f2er.com/tag/guanbi/" target="_blank" class="keywords">关闭</a>,防止多次监听发生,确保只有一次监听 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端

<span aria-hidden="true"&gt;&times;</span> <span class="sr-only"&gt;Close</span></button> <h5 class="modal-title"&gt;<i class="fa fa-exclamation-circle"&gt;</i> <span class="title"&gt;</span> </h5> </div> <div class="modal-body small"&gt; <p ><span class="message"&gt;</span></p> </div> <div class="modal-footer" > <button type="button" class="btn btn-primary ok" data-dismiss="modal"&gt;确认</button> <button type="button" class="btn btn-default cancel" data-dismiss="modal"&gt;取消</button> </div> </div>

调用

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

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

相关文章

BootStrapValidator可以用于完成基于BootStrap搭建的前端UI中的输入验证,由于本插件完全基于BootStrap...
顶求网首页是一个web2.0博客类的网站首页,在该网站中用户可以发表博客,也可以推荐图书给其他用户。所...
一直想改版网站首页的图书展示部分,以前的展示是使用BootStrap的传统的collapse,网页篇幅占用大,也不...
在视窗足够大的时候是没有任何问题的,但是当拖动改变视窗的大小后会发现布局又变乱了,这个问题困扰了...
BootStrap中的tabs控件以其简单易用而很受广大开发者的欢迎。但是,它的样式比较单一,如何才能在其原有...
BootStrap是基于HTML、CSS和JavaScript的框架,使你只需要写简单的代码就可以很快的搭建一个还不错的前...