Bootstrap JS 插件 互动版

插件概览
插件概览 data 属性 编程方式的 API 避免命名空间冲突 事件 过渡效果
模态框
模态框 modal.js 实例 尺寸 禁止动画效果 用法 参数 方法 事件
下拉菜单（Dropdown）插件
实例 用法 方法
滚动监听
导航条实例 用法 方法 参数 事件
标签页
实例 用法 淡入淡出效果 方法 事件
工具提示（Tooltip）插件
实例 用法 参数 方法 事件
弹出框
实例 用法 参数 方法 事件
警告框
实例 用法 方法 事件
按钮
加载状态 单个切换 复选框（Checkbox） 单选按钮（Radio） 方法
折叠（Collapse）插件
实例 可折叠的实例 用法 参数 方法 事件
轮播（Carousel）插件
实例 用法 参数 方法 事件
附加导航（Affix）插件
用法 通过 CSS 定位 参数
  1. 全部教程
  2. Bootstrap JS 插件
  3. Bootstrap JS 插件
  4. 参数
在线工具推荐： Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

参数

可以通过 data 属性或 JavaScript 传递参数。对于 data 属性，将参数名附着到 data- 后面，例如 data-animation=""。

选项名称类型/默认值Data 属性名称描述
animationboolean
默认值：true		data-animation为弹出框赋予淡出的 CSS 动画效果。
htmlboolean
默认值：false		data-html向弹出框插入 HTML。如果为 false，jQuery 的 text 方法将被用于向 dom 插入内容。如果您担心 XSS 攻击，请使用 text。
placementstring|function
默认值：top		data-placement规定如何定位弹出框（即 top|bottom|left|right|auto）。
当指定为 auto 时，会动态调整弹出框。例如，如果 placement 是 "auto left"，弹出框将会尽可能显示在左边，在情况不允许的情况下它才会显示在右边。
selectorstring
默认值：false		data-selector如果提供了一个选择器，弹出框对象将被委派到指定的目标。
titlestring | function
默认值：''		data-title如果未指定 title 属性，则 title 选项是默认的 title 值。
triggerstring
默认值：'hover focus'		data-trigger定义如何触发弹出框：click| hover | focus | manual。您可以传递多个触发器，每个触发器之间用空格分隔。
delaynumber | object
默认值：0		data-delay延迟显示和隐藏弹出框的毫秒数 - 对 manual 手动触发类型不适用。如果提供的是一个数字，那么延迟将会应用于显示和隐藏。如果提供的是对象，结构如下所示： 
delay:
{ show: 500, hide: 100 }```
containerstring | false
默认值：false		data-container向指定元素追加弹出框。
实例： container: 'body'
在线互动课程