Bootstrap JS 插件 互动版

插件概览
插件概览 data 属性 编程方式的 API 避免命名空间冲突 事件 过渡效果
模态框
模态框 modal.js 实例 尺寸 禁止动画效果 用法 参数 方法 事件
下拉菜单（Dropdown）插件
实例 用法 方法
滚动监听
导航条实例 用法 方法 参数 事件
标签页
实例 用法 淡入淡出效果 方法 事件
工具提示（Tooltip）插件
实例 用法 参数 方法 事件
弹出框
实例 用法 参数 方法 事件
警告框
实例 用法 方法 事件
按钮
加载状态 单个切换 复选框（Checkbox） 单选按钮（Radio） 方法
折叠（Collapse）插件
实例 可折叠的实例 用法 参数 方法 事件
轮播（Carousel）插件
实例 用法 参数 方法 事件
附加导航（Affix）插件
用法 通过 CSS 定位 参数
  1. 全部教程
  2. Bootstrap JS 插件
  3. Bootstrap JS 插件
  4. 事件

事件

下表列出了轮播（Carousel）插件中要用到的事件。

事件描述实例
slide.bs.carousel当调用 slide 实例方法时立即触发该事件。 $('#identifier').on('slide.bs.carousel', function () { // 执行一些动作... })
slid.bs.carousel当轮播完成幻灯片过渡效果时触发该事件。 $('#identifier').on('slid.bs.carousel', function () { // 执行一些动作... })