tavicu / bootstrap-confirmation
该软件包已废弃,不再维护。未建议替代包。
与Twitter Bootstrap 3兼容的确认插件,扩展了Popover
1.0.7
2017-12-22 13:49 UTC
Suggests
- components/jquery: 1.*
- twbs/bootstrap: 3.*
This package is not auto-updated.
Last update: 2020-08-17 13:20:11 UTC
README
这是ethaizone的原始代码的分支,在jibe914和MisatoTremor的帮助下
使用
与Twitter Bootstrap 3兼容的确认插件,扩展了Popover
使用button or link元素,并添加data-toggle="confirmation"。
通过JavaScript启用插件
<a href="http://google.com" class="btn" data-toggle="confirmation">Confirmation</a>
在初始化时添加选项
$('[data-toggle="confirmation"]').confirmation();
在类上启用插件而不是数据属性
<a href="http://google.com" class="btn" data-toggle="confirmation">Confirmation</a>
$('[data-toggle="confirmation"]').confirmation({
placement: 'left'
});
选项
<a href="http://google.com" class="btn bs-confirmation">Confirmation</a>
$('.bs-confirmation').confirmation();
除了标准的Bootstrap popover选项外,您现在还可以访问以下选项
名称
| 类型 | 默认值 | 描述 | title |
|---|---|---|---|
| string | function | 'Are you sure?' | 如果以下属性不存在(data-confirmation-title、data-title、title),则为默认标题值。 |
btnOkClass |
| 'btn btn-sm btn-danger' | 'Are you sure?' | 确认按钮的类。如果不存在data-btn-ok-class属性,则为默认值。 |
btnOkLabel |
| 'Delete' | 'Are you sure?' | 确认按钮的标签。如果不存在data-btn-ok-label属性,则为默认值。 |
btnOkIcon |
| 'glyphicon glyphicon-ok' | 'Are you sure?' | 确认按钮的图标。如果不存在data-btn-ok-icon属性,则为默认值。 |
btnCancelClass |
| 'btn btn-sm btn-default' | 'Are you sure?' | 取消按钮的类。如果不存在data-btn-cancel-class属性,则为默认值。 |
btnCancelLabel |
| 'Cancel' | 'Are you sure?' | 取消按钮的标签。如果不存在data-btn-cancel-label属性,则为默认值。 |
btnCancelIcon |
| 'glyphicon glyphicon-remove' | 'Are you sure?' | 取消按钮的图标。如果不存在data-btn-cancel-icon属性,则为默认值。 |
singleton |
| boolean | true | 将true设置为一次只能显示一个确认。 | popout |
| Set true to hide the confirmation when user clicks outside of it. | true | 将true设置为一次只能显示一个确认。 | 当用户点击确认之外的地方时,隐藏确认。 |
| onShow | function | function(event, element) {} | 当弹出窗口显示时的回调。 |
| onHide | function | function(event, element) {} | Callback when popup hide. |
| onConfirm | function | function(event, element) {} | 当按下确认按钮时的回调。 |
| onCancel | function | function(event, element) {} | 当按下取消按钮时的回调。 |
事件
| 事件类型 | title |
|---|---|
| show.bs.confirmation | 当调用show实例方法时立即触发此事件。 |
| shown.bs.confirmation | 当确认被用户可见时触发此事件(将等待CSS过渡完成)。 |
| hide.bs.confirmation | 当调用hide实例方法时立即触发此事件。 |
| hidden.bs.confirmation | 当弹出窗口完成隐藏后触发此事件(将等待CSS过渡完成)。 |
| inserted.bs.confirmation | 在添加到DOM后触发show.bs.confirmation事件时触发此事件。 |
| confirm.bs.confirmation | 当用户点击确认按钮时触发此事件。 |
| cancel.bs.confirmation | 当用户点击取消按钮时触发此事件。 |
$('[data-toggle="confirmation"]').on('confirm.bs.confirmation', function () {
// do something…
})
版权和许可证
版权(C)2013 bootstrap-confirmation
本软件遵循MIT许可证。
特此授予任何获取本软件及其相关文档副本(以下简称“软件”)的个人,免费使用该软件的权利,包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或出售软件副本,并允许将软件提供给他人进行上述操作,但需遵守以下条件
上述版权声明和本许可声明应包含在软件的所有副本或实质性部分中。
软件按“原样”提供,不提供任何形式(明示或暗示)的保证,包括但不限于适销性、适用于特定目的和侵权保证。在任何情况下,作者或版权所有者均不对任何索赔、损害或其他责任承担责任,无论该责任是基于合同、侵权或其他原因,也不论该索赔、损害或其他责任是否源于、因之而起或与之有关软件或其使用或其他操作。