仅有尝试过，努力过，坚持过，才能有收获。一分耕耘，一分收获，仅有努力了，才能绽放出成功的花朵。只要功夫深，铁杵磨成针。我相信，只要我朝着这个梦想努力奋斗，坚持不懈，那么，我就必须会成功！
bootstrap-confirmation按钮提示组件，它类似于js里面confirm的功能,界面更加美观。
介绍这个组件之前，可以先来看看bootstrap里面提示框的效果：
1、源码地址
http://ethaizone.github.io/Bootstrap-Confirmation/
2、效果展示
3、代码示例
所需引入的js和css
<link rel="nofollow noopener noreferrer" href="css/bootstrap.css" rel="external nofollow" rel="stylesheet" /> <script src="js/jquery-1.11.3.js"></script> <script src="js/bootstrap.js"></script> <script src="js/bootstrap-confirmation.js"></script>
初始化
<button type="button" id="btn_submit1" class="btn btn-primary" style="margin: 100px;"> <span class="glyphicon glyphicon-remove" aria-hidden="true"> </span>删除</button>
js实现代码
<script type="text/javascript">
$(function () {
$('#btn_submit1').confirmation({
animation: true,
placement: "top",
title: "确定要删除吗？",
btnOkLabel: '确定',
btnCancelLabel: '取消',
onConfirm: function () {
alert("点击了确定");
},
onCancel: function () {
alert("点击了取消");
}
})
});
</script>
常用的属性。比如：
btnOkClass：确定按钮的样式；
btnCancelClass：取消按钮的样式；
singleton：是否只允许出现一个确定框；
popout：当用户点击其他地方的时候是否隐藏确定框；
title：标题；
placement：放置位置；
onConfirm：确定事件；
onCancel：取消事件；
以上就是bootstrap confirmation按钮提示组件使用详解。所有成功的企业必须有非常强烈的企业文化，用这个企业文化把所有人凝聚在一起。上百年的企业，不知道有多少东西都变化了，惟独它的企业精神百年不变，这非常能够说明问题。所以企业文化就是企业精神，企业精神就是企业灵魂，而这个灵魂如果是永远不衰、永远常青的，企业就永远存在。更多关于bootstrap confirmation按钮提示组件使用详解请关注haodaima.com其它相关文章！