bootstrap confirmation按钮提示组件使用详解

前端之家收集整理的这篇文章主要介绍了bootstrap confirmation按钮提示组件使用详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

bootstrap-confirmation按钮提示组件,它类似于js里面confirm的功能,界面更加美观。 @H_403_1@

介绍这个组件之前,可以先来看看bootstrap里面提示框的效果:@H_403_1@

@H_403_1@@H_403_1@

1、源码地址 @H_403_1@

nofollow" target="_blank" href="http://ethaizone.github.io/Bootstrap-Confirmation/">http://ethaizone.github.io/Bootstrap-Confirmation/@H_403_1@

2、效果展示@H_403_1@

@H_403_1@@H_403_1@

3、代码示例 @H_403_1@

所需引入的js和css @H_403_1@

常用的属性。比如:@H_403_1@

btnOkClass:确定按钮的样式; btnCancelClass:取消按钮的样式; singleton:是否只允许出现一个确定框; popout:当用户点击其他地方的时候是否隐藏确定框; title:标题; placement:放置位置; onConfirm:确定事件; onCancel:取消事件;@H_403_1@

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

猜你在找的Bootstrap相关文章