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场景编辑器

事件

下表列出了折叠（Collapse）插件中要用到的事件。

事件描述实例
show.bs.collapse在调用 show 方法后触发该事件。 $('#identifier').on('show.bs.collapse', function () { // 执行一些动作... })
shown.bs.collapse当折叠元素对用户可见时触发该事件（将等待 CSS 过渡效果完成）。 $('#identifier').on('shown.bs.collapse', function () { // 执行一些动作... })
hide.bs.collapse当调用 hide 实例方法时立即触发该事件。 $('#identifier').on('hide.bs.collapse', function () { // 执行一些动作... })
hidden.bs.collapse当折叠元素对用户隐藏时触发该事件（将等待 CSS 过渡效果完成）。 $('#identifier').on('hidden.bs.collapse', function () { // 执行一些动作... })
在线互动课程