bootstrap confirmation按钮提示组件使用详解
作者：javanbme 发布时间：2023-07-02 05:25:38
标签：bootstrap,confirmation,按钮提示组件
bootstrap-confirmation按钮提示组件，它类似于js里面confirm的功能,界面更加美观。
介绍这个组件之前，可以先来看看bootstrap里面提示框的效果：
1、源码地址
http://ethaizone.github.io/Bootstrap-Confirmation/
2、效果展示
3、代码示例
所需引入的js和css
<link 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：取消事件；
来源：http://blog.csdn.net/javanbme/article/details/77467151
0
投稿猜你喜欢
- 这篇论坛文章（赛迪网技术社区）详细讲解了SQL Server海量数据导入的最快方法，更多内容请参考下文：最近做某项目的数据库分析，要实现对海
远程登陆SQLServer (2014)数据库，供大家参考，具体内容如下两台电脑，同一个局域网内，IP同一网段配置：Computer1: W- 本文实例讲述了Python Zip和Enumerate用法。分享给大家供大家参考，具体如下：Python 中的 Zipzip的作用：可以在处
- lighttpd (http://www.djangoproject.com/r/lighttpd/) 是一个轻量级的Web服务器，通常被用
- 简介pyenv 是一个开源的 Python 版本管理工具，可以轻松地给系统安装任意 Python 版本，想玩哪个版本，瞬间就可以切换。有了
- 在mysql中带了随机取数据的函数，在mysql中我们会有rand()函数，很多朋友都会直接使用，如果几百条数据肯定没事，如果几万或百万时你
- #!/usr/bin/env python3# -*- coding: utf-8 -*-import globfrom os import
- 前言密码是个很私密的东西它一直关联着一系列的机密事物，二战中密码起了很大的作用。在我们生活中尤其是现在我们手机上存在着许多的app是我们生活
- 本文实例讲述了Python连接MongoDB数据库的方法。分享给大家供大家参考，具体如下：Python使用pymongo操作MongoDB数
- 前言如何从图像中提取特征？第一次听说“特征提取”一词是在 YouTube 上的机器学习视频教程中，它
- Allure除了具有Pytest基本状态外，其他几乎所有功能也都支持。1、严重性如果你想对测试用例进行严重等级划分，可以使用@allure.
- 序列化是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间，对象将其当前状态（存在内存中）写入到临时或持久性存储区（硬盘）。以后
- 目录前言数据结构常规实现string转[]byte[]byte转string高效实现性能测试总结前言当我们使用go进行数据序列化或反序列化操
- 在业务稳定性要求比较高的情况下，运维为能及时发现问题，有时需要对应用程序的日志进行实时分析，当符合某个条件时就立刻报警，而不是被动等待出问题
- 本文实例讲述了Python实现压缩文件夹与解压缩zip文件的方法。分享给大家供大家参考，具体如下：直接上代码#coding=utf-8#甄码
- Python中对象方法的定义很怪异，第一个参数一般都命名为self（相当于其它语言的this），用于传递对象本身，而在调用的时候则不必显式传
- python爬虫写起来非常快，虽然也可以用java，但是没有python来的简
- Python中的数据可视化matplotlib 是python最著名的绘图库，它提供了一整套和matlab相似的命令API，十分适合交互式地
- 本文实例讲述了Python实现获取命令行输出结果的方法。分享给大家供大家参考，具体如下：Python获取命令行输出结果，并对结果进行过滤找到
- 手写数字识别算法import pandas as pdimport numpy as npfrom sklearn.neural_netwo
